replace ccs3 function for a js function - when image is clicked, (for gallery) Options

[Angie333]

Hi,

Please programmers help me! I would appreciate it!

I found a CSS3 gallery that is quite nice, mostly like it's layout and in IE8 it doesn't look bad at all, but there is a problem.

The problem is that obviously IE8 is not compatible with CSS3 function when the image is clicked on ---the result ---> no image
appears in the middle of the screen.

What I need is for the CSS3 function to be replaced by adding shadowbox.js instead, I do want to keep the CSS3 layout the same as it is.

Here is the example of the CSS3 layout with it's current function.

http://jsfiddle.net/9vuUQ/

and the link to the shadowbox.js script.

https://github.com/mjijackson/shadowbox/blo...ce/shadowbox.js

[Angie333]

or adding shadowbox.js to start only when a user with an older browser goes into the gallery page?

This post has been edited by Angie333: Jan 21 2014, 06:14 PM

[Christian J]

You can use Conditional Comments to display different content for older MSIE browsers. See http://quirksmode.org/css/condcom.html

[Frederiek]

Or use selectivizr ( http://selectivizr.com ), as Codrops' CSS3-lightbox has a nice touch.

[Angie333]

actually I have a better question,how about making a grid image gallery (thumbnails) but is there a javascript function that gives the effect :

***making the thumbnails disappear (hidden) when one image is selected,

***when the image of one of the thumbnails is selected it appears into a bigger image at the center of the page (no pop up)

*** option button to go back to the thumbnails grid?

This post has been edited by Angie333: Jan 22 2014, 03:52 PM

[jimlongo]

try . . .

***jQuery maybe hide() or remove() or removeClass()
***jQuery could start with addClass()
***jQuery on() onClick(), etc.,

http://api.jquery.com

This post has been edited by jimlongo: Jan 23 2014, 01:43 AM

[Angie333]

I mean something like this
http://sarasoueidan.com/demos/s-gallery/

the problem with this gallery is that is not compatible with IE8 so if there is a way of making a version similar to it but in
javascript instead of CSS3

I dont know anything of programming

This post has been edited by Angie333: Jan 23 2014, 12:01 PM

[jimlongo]

How do you expect to do any of that if you don't know anything about programming? I'm not going to do it for you, maybe you can convince Christian to write it?

[pandy]

Why not find a JavaScript gallery that fits your needs, or at least close to does that?

[Christian J]

maybe you can convince Christian to write it?

Sorry, not possible. I suspect it will be hard to find anyone that wants to do it, especially if the only purpose is to support an outdated browser like IE8.

(That said, I always thought wide browser support was one of the points with jQuery, so maybe it's possible to use more jQuery instead of the CSS3 parts.)

[Angie333]

please I just paint programming is like chinese language or even more complicated and who knows it has a gift indeed,please I beg you to help me please, I dont understand anything at all.I would really appreciate it, please I beg you this is very important for me, this gallery for me means everything it's the key to give life introduction to all the work I did in the past 10 years,please

This post has been edited by Angie333: Jan 23 2014, 03:47 PM

[pandy]

Then find a gallery that works in older browsers. It doesn't need to be jQuery and CSS3, you know. In fact, avoiding those two would increase your chances of finding what you want.

[Angie333]

I wish it was that easy, looked at all the galleries there are and they are simply plain, some also have loads of errors I can't afford to get a good one (though this particular one doesn't even exist),I really wish I learned programming without so many difficulties,it just doesn't go through and I really tried believe me.
this gallery example link previously posted would have been perfect for 10 years of my work it really gives a real life introduction on the work

This post has been edited by Angie333: Jan 24 2014, 11:26 AM

[pandy]

What's so special with that gallery? I don't see anything unusual.

[jimlongo]

It's a very nice gallery I will admit, I'd use it and forget about IE8. Or write the author and ask how to solve that.

[Angie333]

jimlongo , I really wish I could do that just to put it and forget IE8 but the situation is that many people just like me still use XP and cant pay for a newer version of windows 8 and Internet explorer 8 is the last version ever made for windows xp (which is really unfair as if we were obligated to buy a complete new computer and windows). For example I wouldnt care for IE7-6 because they are even more older versions and according to statistics there only a few using it but IE8 still is being used by many... (at least save the last version of the browser for XP, it will take years until a majority will stop using xp)
The author will probably charge for asking I´m really trying to think what to do desperate in this, honestly this is one gallery worth using and I recommend it. If only there is a way around it
I really need help please I´m really lost

This post has been edited by Angie333: Jan 24 2014, 01:23 PM

[jimlongo]

Sure, but it's too much work to expect one of us to do it, it would be harder for us to accomplish than the original author since we are not familiar with the code, and our time is worth as much as hers.

The author might charge, might not if IE8 is as important as you think.

[Angie333]

I´ll try to ask, let´s see what happens...
I just needed to have a simpler js function without effects that works when it detects an old browser (just to show thumbnails and if one is selected the main image appears and option to go back to thumbnails) honestly even if its simpler for this old browser at least it would work just in case.
I´ll write to the author,just hope there will be a solution.

[Frederiek]

You could also try to add sizzle.js. See http://sizzlejs.com .

[Christian J]

many people just like me still use XP and cant pay for a newer version of windows 8 and Internet explorer 8 is the last version ever made for windows xp

Apparently Microsoft will stop providing security updates for Win XP in just a few months, so the number of XP users may soon fall sharply. As for updating IE8, you can of course choose any other browser vendor instead (e.g. Firefox).

as if we were obligated to buy a complete new computer and windows

That's what the vendors hope for sure. But if you instead try some free Linux based OS instead (Ubuntu seems popular) you'll both save money and maybe get a faster computer in the process.