Image display on text link Options

[bangpost]

Hey, I'm helping update our companies website that's already had the majority of it built in wordpress. I'm not in anyway a web designer and I'm kind of learning on the fly how to use certain things like displaying columns, hyperlinks and formatting.

I wanted to know if there is a fairly straight forward way of displaying 'pop-out' style image, or gallery, in the centre of the page when clicking on some text.

Would appreciate any advice or help on this one!

[daveb86]

Hey, I'm helping update our companies website that's already had the majority of it built in wordpress. I'm not in anyway a web designer and I'm kind of learning on the fly how to use certain things like displaying columns, hyperlinks and formatting.

I wanted to know if there is a fairly straight forward way of displaying 'pop-out' style image, or gallery, in the centre of the page when clicking on some text.

Would appreciate any advice or help on this one!

You could try something like this ...

HTML

CODE

<div class="hover_img">
     <a href="#">TEXT HERE <span><img src="IMAGE LINK HERE" alt="image" height="100" /></span></a>
</div>

CSS

CODE

.hover_img a { position:relative; }
.hover_img a span { position:absolute; display:none; z-index:99; }
.hover_img a:hover span { display:block; }