Viewing mouse over option for images
mouse over option for images
|
User: ZoranLozevski 12 years ago
|
|
| Is there functionality within EasyWeb to mouse over an image on a page and then text detail appears for the image? | |
|
User: Roddy 12 years ago
|
|
|
These are called tooltips. Basic tooltips can be created by using the "title" attribute in an <img> tag in an HTML Snippet. See this page for more info... http://roddymckay.com/EasyWeb/test/image.html ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Roddy 12 years ago
|
|
|
Here's examples of both a text and an image tooltip created in EasyWeb using CSS to style them... http://roddymckay.com/EasyWeb/test/tooltip.html ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Yelena 12 years ago
|
|
|
[quote:3ahubfee]These are called tooltips. Basic tooltips can be created by using the "title" attribute in an <img> tag in an HTML Snippet. See this page for more info... http://roddymckay.com/EasyWeb/test/image.html[/quote:3ahubfee] Roddy, Any way you could make it more specific for those of us who have never dealt with this topic...:)? I am not sure what to put into ASSETPATH....I tried to copy the name of the image but I think that should be in the image name....Oh well....I know you will help....:)))) ------------------------------- Yelena MacBook Pro OS X 10.10.3 IMac 21" OS X 10.10.3 |
|
|
User: Guest 12 years ago
|
|
|
[quote="Yelena":9blhxd0p][quote:9blhxd0p]These are called tooltips. Basic tooltips can be created by using the "title" attribute in an <img> tag in an HTML Snippet. See this page for more info... http://roddymckay.com/EasyWeb/test/image.html[/quote:9blhxd0p] Roddy, Any way you could make it more specific for those of us who have never dealt with this topic...:)? I am not sure what to put into ASSETPATH....I tried to copy the name of the image but I think that should be in the image name....Oh well....I know you will help....:))))[/quote:9blhxd0p] When in EasyWeb insert an HMTL snippet and put inside a code that "calls" some images, for example: <img src="http://weburl.com/name.png" onmouseover="this.src='http://weburl.com/name2.png'" onmouseout="this.src='http://weburl.com/name.png'"width="60" height="60"> That's it! You've got mouse over option for images. |
|
| Edit | |
|
User: Paul-RAGESW 12 years ago
|
|
|
Quote: When in EasyWeb insert an HMTL snippet and put inside a code that "calls" some images, for example: <img src="http://weburl.com/name.png" onmouseover="this.src='http://weburl.com/name2.png'" onmouseout="this.src='http://weburl.com/name.png'"width="60" height="60"> You don't need to do this as EasyWeb can do this for you. You can just go to Fill under Shape Options and select Mouse over and Mouse Down and apply your settings. That being said, it sounds like the OP wants a help tag to appear on mouse over. That would require an HTML Snippet as Roddy suggested. Something like; <img src="image_path" title="Mouse over text" /> For the src= part you can right click on any asset and select 'Copy relative path' then replace image_path with what you just copied form assets. ------------------------------- Paul EverWeb Developer |
|
|
User: Yelena 12 years ago
|
|
|
This is great! But I don't really know how to insert image itself via HTML....Feeling silly here...:)
------------------------------- Yelena MacBook Pro OS X 10.10.3 IMac 21" OS X 10.10.3 |
|
|
User: Roddy 12 years ago
|
|
Use this in an HTML Snippet...<img src="{!-ASSETSPATH-!}Images/image.jpg" alt="Alt Text Goes Here" title="Tooltip Text" />You can also add height and width in the code... <img src="{!-ASSETSPATH-!}Images/image.jpg" alt="Alt Text" title="Tooltip Text" height="480" width="640" />... but it's better to size the image before dragging it into EasyWeb. ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Yelena 12 years ago
|
|
|
Ok, Roddy, it works beautifully in EW but I can't see the image when I publish it ( to a Folder on the computer) - ???
------------------------------- Yelena MacBook Pro OS X 10.10.3 IMac 21" OS X 10.10.3 |
|
|
User: Roddy 12 years ago
|
|
|
Can you post the code that you are using in the HTML Snippet?
------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Yelena 12 years ago
|
|
|
Roddy, it seems the problem was in the file name. I changed it and it works fine....Thank you!
------------------------------- Yelena MacBook Pro OS X 10.10.3 IMac 21" OS X 10.10.3 |
|
|
User: Roddy 12 years ago
|
|
|
You need to try to keep your file names short with no spaces or special characters in them.
------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Yelena 12 years ago
|
|
|
Got it!
------------------------------- Yelena MacBook Pro OS X 10.10.3 IMac 21" OS X 10.10.3 |
|
|
User: Paul-RAGESW 12 years ago
|
|
|
What was your previous file name that didn't work Yelena?
------------------------------- Paul EverWeb Developer |
|
|
User: Yelena 12 years ago
|
|
|
It had like a thousand numbers....IT came from someone else's camera so I am not sure anymore since I renamed it....
------------------------------- Yelena MacBook Pro OS X 10.10.3 IMac 21" OS X 10.10.3 |
|
| Post Reply |
| You must login or signup to post. |