Making images appear

[kpiatak]

I would like to click on one image (click here) and makes new images appear, either with css or jquery.

Help me please :(

[zonger]

Try this http://codepen.io/anon/pen/vfaIo

[chrisburton]

Same thing but with a fade: http://codepen.io/anon/pen/Eyuoz

[Johnnyb]

For accessibility purposes you’ll want to use a button for the image you’re clicking rather than just adding a cursor like Christopher did, as you can’t tab to and activate an image using the keyboard. Also, ideally you should be hiding the content initially using JS and not CSS, although it may not be a big deal depending on the context you’re using this in.

Here’s an example for you: http://codepen.io/anon/pen/eoKqd

[kpiatak]

Thank you! I have gotten pretty far on this, there is only one more thing I would like to do with this. And that is to have the bus slide in:

http://webapps.easy2.com/ce/ext1104/messages/iris_messages-1.html

I have some css3 set up, but I most not have it correct.

[Author]

Posts