If you're going to easily insert your images or their linked thumbnails into your page and create a gallery without a gadget, then Photo Filmstrip is for you.
Instructions
- Use Dynamic Content Writer to customize the following code and monitor changes in real time:
<div style="width: 100%; background:# DEB887; white-space:nowrap; overflow:auto;"> <div style="display:inline-block; margin:5px 4px; border:dotted # 320000; border-width:7px 0; padding:4px 0;"> <a href=" http://www.example.com/image1.jpg" target="_blank"><img src=" http://www.example.com/thumbnail1.jpg" style="width: 80px; height: 60px; border:0; vertical-align:bottom;"></a> <a href=" http://www.example.com/image2.jpg" target="_blank"><img src=" http://www.example.com/thumbnail2.jpg" style="width: 80px; height: 60px; border:0; vertical-align:bottom;"></a> </div> </div>
Note: You might want to add a title/tooltip to your images, like the sixteenth image in my demo gallery:
<a href="http://www.example.com/image16.jpg" target="_blank" title="Dog in Love"><img src="http://www.example.com/thumbnail16.jpg" style="width:80px; height:60px; border:0; vertical-align:bottom;"></a>
- Click Edit page ► HTML button ► insert the code ► click Update ► Save.
Example
Even simpler? Take similar steps to display your images in their original sizes with no styles.
- Click Edit page ► HTML button ► insert the following code and customize it:
<div style="width: 100%; overflow:auto; white-space:nowrap;"> <img src=" http://www.example.com/image1.jpg"> <img src=" http://www.example.com/image2.jpg"> </div>
| 
0 коммент.:
Отправить комментарий