Image display on text link |
Image display on text link |
bangpost |
Feb 2 2015, 05:30 AM
Post
#1
|
Group: Members Posts: 1 Joined: 2-February 15 Member No.: 22,133 |
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 |
Mar 15 2015, 07:21 AM
Post
#2
|
Group: Members Posts: 2 Joined: 17-February 15 Member No.: 22,210 |
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; } |
Lo-Fi Version | Time is now: 2nd May 2024 - 04:40 PM |