Randomly change group of images to another set

[makeshift67]

I would like to fade a set of images to another
ex:
http://dyllon.me/a..png

I want each individual image to change to different images which will be predefined after user loads/scrolls to that section of the page. I am somewhat literate in javaScript/jQuery but have no idea where to even start here.

[Paulie_D]

I don’t understand, there is no ‘fading’ in your linked image.

The scrolling can be acheived…I think there is a Jquery plug-in called Scrollspy(?) which might help.

How you achieve the layout of the individual images might be a little harder though.

I suggest you concentrate on the layout first before worrying about functionality.

Once you have the layout sorted, add in a simple hover function so yo can see each image working properly…then figure out how to automate that.

Crawl….walk…run.

[makeshift67]

well, the fading isn’t pictured, but that is the effect I would like to use for it. I’ve already positioned the images in html/css, that was cake. Everything else is done besides the scrolling (which I will be looking up scrollSpy) and the fading images into another set.

[Paulie_D]

Perhaps you could show us where you are so far…in Codepen.io perhaps.

[makeshift67]

well, here’s a live site with the images I wish for the first image posted here, to turn into.

http://test.dyllon.me/img/

[Author]

Posts