JQuery Set Anchor As Body Image

[mdrd88]

Hello Everyone,
I am trying to make a portfolio page where there is a ul and when you click on the link it will apply the anchor image to the body. I’ve tried searching but to no avail. Ideally I would like the jquery to say “get anchor src and apply that source to body” but I am too much of a newb to know how to do that.

http://codepen.io/mdrd88/pen/zJpIG

Thank you,
Much appreciated

[TheDutchCoder]

Here you go!

It’s not perfect (I’d personally would do some sort of pre-loading of the image) and you might want different styles, but it should do what you’re looking for!

http://codepen.io/TheDutchCoder/pen/speoK

[mdrd88]

That is perfect! Thank you!

[TheDutchCoder]

Welcome!

[mdrd88]

Okay, so I am still ignorant. But how can I get figure out how to get a fade effect/preload of the image?

Here is what I tried

http://codepen.io/mdrd88/pen/BhujE

[TheDutchCoder]

That’ll work!

I’m usually in favour of actually preloading images with AJAX, but this should be fine for a less-advanced approach ;-)

[Author]

Posts