tag:blogger.com,1999:blog-3126197138969349243.post928011788255343994..comments2024-03-19T01:20:04.286-07:00Comments on Helplogger: Create A Rollover Image Effect (change image on mouseover)Unknownnoreply@blogger.comBlogger67125tag:blogger.com,1999:blog-3126197138969349243.post-88551346971453446712017-05-04T20:10:23.228-07:002017-05-04T20:10:23.228-07:00Thanks a lot! It still works!Thanks a lot! It still works!Sir Chogyalhttps://www.blogger.com/profile/06903459659465384092noreply@blogger.comtag:blogger.com,1999:blog-3126197138969349243.post-61313130775745527782017-02-26T16:28:49.372-08:002017-02-26T16:28:49.372-08:00Works perfectly - nice and simple. Everybody else ...Works perfectly - nice and simple. Everybody else makes it so complicated! Thanks so much! Anonymoushttps://www.blogger.com/profile/14832347104578063542noreply@blogger.comtag:blogger.com,1999:blog-3126197138969349243.post-30740574010304718432015-07-14T11:05:49.565-07:002015-07-14T11:05:49.565-07:00Thanks! It works flawlessly in my widget bar on my...Thanks! It works flawlessly in my widget bar on my wordpress site. :)Trinitynoreply@blogger.comtag:blogger.com,1999:blog-3126197138969349243.post-48730151936749155242015-03-12T09:59:51.563-07:002015-03-12T09:59:51.563-07:00im not getting immage as u describe im not getting immage as u describe rrhttps://www.blogger.com/profile/06169512225320857337noreply@blogger.comtag:blogger.com,1999:blog-3126197138969349243.post-6183007113556377692014-11-07T09:22:22.116-08:002014-11-07T09:22:22.116-08:00Thanks for the fool proof tutorial! I'm wonder...Thanks for the fool proof tutorial! I'm wondering if there is a way to make the image transparent with text over top when hovering, rather than an entire new image. Would this require an entirely different snippet or tutorial?Paige Claassenhttp://paigeclaassen.com/noreply@blogger.comtag:blogger.com,1999:blog-3126197138969349243.post-17947671494507349682014-09-10T19:47:15.335-07:002014-09-10T19:47:15.335-07:00I'm trying this in WP... the original image di...I'm trying this in WP... the original image displays, the link works when clicked, but it's not swapping to a new image when the mouse rolls across. I am stumped.... :/Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-3126197138969349243.post-57996650674239083152014-09-10T11:44:15.955-07:002014-09-10T11:44:15.955-07:00TOO GOOD!! thank you :D :DTOO GOOD!! thank you :D :DAnonymousnoreply@blogger.comtag:blogger.com,1999:blog-3126197138969349243.post-25405769601972253532014-09-03T21:53:18.601-07:002014-09-03T21:53:18.601-07:00Very nice and easy method, thanks! I wonder how wo...Very nice and easy method, thanks! I wonder how would I make this work if one rollover needed to swap images in two places, any suggestions?<br />Many thanks,<br />MagicAnonymousnoreply@blogger.comtag:blogger.com,1999:blog-3126197138969349243.post-53034313843388258282014-08-27T11:31:44.694-07:002014-08-27T11:31:44.694-07:00the code is awesome i have used it and share more ...the code is awesome i have used it and share more image hover codes!fan clotheshttp://celebsfanclothes.we44.netnoreply@blogger.comtag:blogger.com,1999:blog-3126197138969349243.post-4828620787113518662014-08-13T22:08:45.314-07:002014-08-13T22:08:45.314-07:00use latest version of mozilla firefoxuse latest version of mozilla firefoxprithvirajhttps://www.blogger.com/profile/07731811732673361975noreply@blogger.comtag:blogger.com,1999:blog-3126197138969349243.post-54171348485591629132014-07-31T07:49:19.878-07:002014-07-31T07:49:19.878-07:00Thanks, it was vey useful for me, cool blog by the...Thanks, it was vey useful for me, cool blog by the wayIgnacio Camachohttps://www.blogger.com/profile/13678737399602446710noreply@blogger.comtag:blogger.com,1999:blog-3126197138969349243.post-78666543144872824712014-07-27T01:17:57.651-07:002014-07-27T01:17:57.651-07:00Hi! I'm really new to blogging and I'm slo...Hi! I'm really new to blogging and I'm slowly teaching myself a lot of this coding business just by googling. I was just wondering if you knew how to get a rollover image like the ones on this page?http://www.lilypebbles.co.uk/p/shop.html as you rollover, you get the name and price of the item? <br />Thankyou! :)Anonymoushttps://www.blogger.com/profile/02953266794438806545noreply@blogger.comtag:blogger.com,1999:blog-3126197138969349243.post-43535285978924058292014-07-24T09:43:27.053-07:002014-07-24T09:43:27.053-07:00Good afternoon,
I am attempting to use the code to...Good afternoon,<br />I am attempting to use the code to create a mouseover on a SharePoint 2013 site and it works until I press save. What can I do!Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-3126197138969349243.post-48656152675365312442014-07-21T10:23:32.983-07:002014-07-21T10:23:32.983-07:00How would I have it change two images? I'm tr...How would I have it change two images? I'm trying to make a rollover that turns the active button off when rolled over but back on when rolled off!Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-3126197138969349243.post-68227615609448853792014-07-20T06:22:50.326-07:002014-07-20T06:22:50.326-07:00thanks!thanks!Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-3126197138969349243.post-11947190014388576692014-07-18T21:03:07.735-07:002014-07-18T21:03:07.735-07:00hello, thankyou for your awesome tuts :D
i want to...hello, thankyou for your awesome tuts :D<br />i want to ask if this move is possible in 'read more' image? can you please help me with the code? thanks in advance~XDAnonymoushttps://www.blogger.com/profile/13213250138020869124noreply@blogger.comtag:blogger.com,1999:blog-3126197138969349243.post-57634146488015689262014-07-09T22:08:06.403-07:002014-07-09T22:08:06.403-07:00And what if I wanted to make the image disappear w...And what if I wanted to make the image disappear when the mouse is not over it? Is that possible?Anonymousnoreply@blogger.comtag:blogger.com,1999:blog-3126197138969349243.post-11500292820764912902014-07-03T09:04:38.658-07:002014-07-03T09:04:38.658-07:00At last.......................I found it. Very use...At last.......................I found it. Very useful tutorial. It is working in Mozilla Firefox etc. The widget rollover code that I added in my sidebar widget didn't work after I copied & pasted it in one of my Blogger pages. <br />Your code does. Thank so much for this code!!!!!!!!!Milly Me®https://www.blogger.com/profile/00145823390380907044noreply@blogger.comtag:blogger.com,1999:blog-3126197138969349243.post-91155273416810263082014-06-19T00:28:57.667-07:002014-06-19T00:28:57.667-07:00Hello Help Blogger ! Thank You for Your Super Blog...Hello Help Blogger ! Thank You for Your Super Blogger Tricks. i need Some help from you . Visit -http://www.makingdifferent.com and at the end you can see a panel link bluehost, wordpress, jquery,html5,css3 and when we mouse hover the uncoloured image changes into the coloured one. How can we do so? if you have some code please please send me on redkhabar@gmail.com. Waiting For Your Response Anonymoushttps://www.blogger.com/profile/15642658289205938229noreply@blogger.comtag:blogger.com,1999:blog-3126197138969349243.post-37330187250539303172014-06-14T06:18:38.699-07:002014-06-14T06:18:38.699-07:00Thanks for the very useful tutorial. Anyway, i use...Thanks for the very useful tutorial. Anyway, i used this method on my blog's tab menu. And it works perfectly except for the last link. It just appeared as image & not as lin. Plus, nothing happened when i hover on the last link. What have i done wrong? Jezriel Supang Uchohttps://www.blogger.com/profile/04729875270533794754noreply@blogger.comtag:blogger.com,1999:blog-3126197138969349243.post-6448803320544398712014-06-13T03:50:50.582-07:002014-06-13T03:50:50.582-07:00Hi Marc,
You will need to add the target="_...Hi Marc,<br /><br />You will need to add the <b> target="_blank"</b> attribute to your link like this:<br /><a href="URL ADDRESS" <b>target="_blank"</b>><br /><br />Thanks for visiting!Adminhttps://www.blogger.com/profile/11072438042081381773noreply@blogger.comtag:blogger.com,1999:blog-3126197138969349243.post-45132121289123793832014-06-12T09:49:40.926-07:002014-06-12T09:49:40.926-07:00Hi!
Thanks a lot for the code, it works perfectly...Hi!<br /><br />Thanks a lot for the code, it works perfectly!!!<br /><br />I just have a question: is it possible to open a new window when clicking in the image? I don't want people leaving my website, it would be great if it could be opened in a new window, not in the same. Is there any way to do it?<br /><br />Thanks a lot,<br /><br />Marc.Anonymoushttps://www.blogger.com/profile/13442734124792385233noreply@blogger.comtag:blogger.com,1999:blog-3126197138969349243.post-76517312220508589942014-06-07T11:50:55.784-07:002014-06-07T11:50:55.784-07:00I got it to work now, thanks for the code :) I jus...I got it to work now, thanks for the code :) I just have to save the widget without tabbing back into rich text mode so Blogger doesn't get the chance to change the HTML!Alexandra Dovehttps://www.blogger.com/profile/14416654747381434567noreply@blogger.comtag:blogger.com,1999:blog-3126197138969349243.post-41209110978028583382014-06-06T14:43:10.013-07:002014-06-06T14:43:10.013-07:00Hi Alexandra,
Could you please send me the code o...Hi Alexandra,<br /><br />Could you please send me the code or the pictures urls to test it for myself?Adminhttps://www.blogger.com/profile/11072438042081381773noreply@blogger.comtag:blogger.com,1999:blog-3126197138969349243.post-39663556112619802122014-06-06T07:18:45.643-07:002014-06-06T07:18:45.643-07:00I've put the code in and everything looked lik...I've put the code in and everything looked like it should work, but when I save the widget and reload the page to test it out, Blogger changes the HTML! So instead it looks like this: <br /><br />img <b>blogger_</b>onmouseover="this.src='image2'" <b>blogger_</b>onmouseout="this.src='image1'" src="image1"<br /><br />It changes the order around and adds that 'blogger_' infront of the two image sources, so I can never get the code to work. Anyone know why Blogger is doing this or how to fix it? :(Alexandra Dovehttps://www.blogger.com/profile/14416654747381434567noreply@blogger.com