Larger image on click or hover, I'd like a bigger image to appear when original is clicked or hove |
Larger image on click or hover, I'd like a bigger image to appear when original is clicked or hove |
Boots25 |
Apr 18 2015, 05:57 AM
Post
#1
|
Group: Members Posts: 9 Joined: 18-April 15 Member No.: 22,503 |
Hi I'm using GoDaddy to build a website for my wife's business.
I'm using code to import images as it's the only way to access the title & alt attributes, however to make it mobile friendly I cant have the images to big, so on the web site wanted to enable a larger image to appear when the original is hovered over or clicked I did find an old thread for this but one link for CSS help is out of date as the page cant be found and the other for lightbox shows a nice display but cant find anything of help, plus using GoDaddy not sure if I could use Lightbox anyway this is the code i currently have for an image, if anybody can tell me what to add or a simple way of doing it, being new to this, i'd be really grateful Thanks. <img src="//nebula.wsimg.com/9dd6de6a244a6c3b0ae4fd2e5021cd78?AccessKeyId=7565527626527DFB21C5&disposition=0&alloworigin=1" title="Spaniel In The Rough" alt="Spaniel In The Rough Heathers Portraits Paintings Pets Wildlife People" style="vertical-align:middle;width:300px;height:200px;"> |
Boots25 |
Apr 23 2015, 04:33 PM
Post
#2
|
Group: Members Posts: 9 Joined: 18-April 15 Member No.: 22,503 |
I've tried all sorts of variations to add the z-index=1 with no joy, in fact all the ways I've tried stopped it enlarging at all
also noticed image expands from top left corner of original, using top & left would I be able to ensure it comes on the visible screen sorry if I'm asking to much but I am trying to search for snippets of code that may help as well as just sitting here my latest failed code with z-index=1 incorporated <img src="http://nebula.wsimg.com/9dd6de6a244a6c3b0ae4fd2e5021cd78?AccessKeyId=7565527626527DFB21C5&disposition=0&alloworigin=1" title="Spaniel In The Rough" alt="Spaniel In The Rough Heathers Portraits Paintings Pets Wildlife People" style="vertical-align:middle" width="300" height="250" onmouseover="this.style.position='absolute';this.style.z-index='1';this.width=800;this.height=600" onmouseout="this.width=300;this.height=250;this.style.position='static'"> |
Lo-Fi Version | Time is now: 28th April 2024 - 06:51 AM |