Viewing alt description

alt description



User: cecile 12 years ago
Hi,
I need to add in the code an alt description for my images. Can I do that with HTML snippet and how ?
Thanks, Cécile
User: Roddy 12 years ago
Use the <img> tag in an HTML Snippet. Some info here...

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: cecile 12 years ago
Could you give me more information, I never use the HTML snippet. Shall I drag an HTML snippet on the image already placed in Easyweb or not.
If I have to drag an HTML snippet on the image and place your html code in the inspector :

<img src="{!-ASSETSPATH-!}Images/image-name.jpg" class="my-image" alt="alt text" title="title text" />

is it ok if I have that for example (what do I have to write for class ?)

<img src="{!-ASSETSPATH-!}Images/drawing-meadow.jpg" class="my-image" alt="art-drawing-landscape-meadow" title="drawing of a meadow" />
User: Paul-RAGESW 12 years ago
You don't need a class. For the src= part you can right click on your image in the Assets list and select Copy Relative Path, then replace what's there by pasting the relative path over it.

Last edit 12 years ago

-------------------------------
Paul
EverWeb Developer
User: Roddy 12 years ago
As Paul has pointed out, you don't need a class. This is only if you want to add custom styles to a number of images.

Also, you don't need the "title" attribute unless you want the tooltip to appear on mouse over.

The basic HTML would look like this....

<img src="{!-ASSETSPATH-!}Images/image-name.jpg" style="height:480px;width:640px;border:none" alt="My Image Description" />

-------------------------------
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: cecile 12 years ago
I right click on my image in the assets list, nothing appears. Is dragging the Html snippet somewhere on the image (already placed in Easyweb) the right procedure ?
Cécile
User: Roddy 12 years ago
Delete the image from the design area of EasyWeb and drag an HTML Snippet onto the design area.

Paste the code into the box in the right column.

Control click the image in the Assets list and select "Copy Relative File Path" from the popup.

Click on the Snippet to reveal the code in the right column and replace this...

{!-ASSETSPATH-!}Images/image-name.jpg

... with the contents of your clipboard by doing Command V and then click the "Apply" button.

-------------------------------
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 a screenshot of the code in the Widget box in EasyWeb...



Remember to adjust the Snippet to the same size as the image after you click the Apply button.

-------------------------------
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: Paul-RAGESW 12 years ago
Quote: cecile - 16/10/2013 13:30:26
I right click on my image in the assets list, nothing appears. Is dragging the Html snippet somewhere on the image (already placed in Easyweb) the right procedure ?
Cécile


If you're on Mac OS X 10.6 you won't be able to right click. It's fixed for the next version though.

-------------------------------
Paul
EverWeb Developer
User: cecile 12 years ago
Hi,
It's working allright ! I used Control click (I am on Mac OS X 10.6) to copy the relativ path.
In one part of my website I will always have two sizes for my images, is it worth creating a class for the loading time?
Thanks!
Cécile
User: Roddy 12 years ago
Creating classes would save you having to enter the image size every time. Classes are more useful when you want to add stuff like padding, border and box shadow.

-------------------------------
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.


Post Reply
You must login or signup to post.