One cute way of displaying our images on the net is by using scroll box. At this sample HTML code it diplays only two images, but you can have as many images as you want.
HTML code: (click Cntrl+A to select all then Ctrl+C to copy)
<!-- Codes by florencestuff.blogspot.com -->
<div style="height:328px;width:328px;overflow:scroll;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtSAeTpekb6OgPLid1QtV2KNUympgy173HPAtofkksktG5r1GLJwdopCydd_CocTzQ0BpRWo_7hpFGG_qh9QWVecXcbwnKqiIyzD7GcKiFNwmRT9mCslEuSUJBbDqxH5lNp7I5DdFMWavz/s320/cry2.jpg" border="0" width="328" height="328" alt="Sample picture for scroll box: Why Cry, from florencestuff.blogspot.com scrapbook pages " /><br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkj_1hbenncUQGiohqmKEWqla6q5ghLnv8JkiGAy7aVSZ3o4vhLoRqT37JB550qitBtvVqvX47G-Hn9twEDNHpw8OEIAjXJuAS6KFzkrDq9-052sBHlnlxNU9dcwjjj-ti1Z0X2XuQVwPP/s320/CRY.jpg" border="0" width="328" height="328" alt="Sample picture for scroll box: Why Cry, from florencestuff.blogspot.com scrapbook pages " />
</div><p style="font-family:verdana,arial,sans-serif;font-size:10px;font-color:#ffafaf;"><a href="http://florencestuff.blogspot.com">Picture Scroll Box</a></p>
<div style="height:328px;width:328px;overflow:scroll;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtSAeTpekb6OgPLid1QtV2KNUympgy173HPAtofkksktG5r1GLJwdopCydd_CocTzQ0BpRWo_7hpFGG_qh9QWVecXcbwnKqiIyzD7GcKiFNwmRT9mCslEuSUJBbDqxH5lNp7I5DdFMWavz/s320/cry2.jpg" border="0" width="328" height="328" alt="Sample picture for scroll box: Why Cry, from florencestuff.blogspot.com scrapbook pages " /><br />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkj_1hbenncUQGiohqmKEWqla6q5ghLnv8JkiGAy7aVSZ3o4vhLoRqT37JB550qitBtvVqvX47G-Hn9twEDNHpw8OEIAjXJuAS6KFzkrDq9-052sBHlnlxNU9dcwjjj-ti1Z0X2XuQVwPP/s320/CRY.jpg" border="0" width="328" height="328" alt="Sample picture for scroll box: Why Cry, from florencestuff.blogspot.com scrapbook pages " />
</div><p style="font-family:verdana,arial,sans-serif;font-size:10px;font-color:#ffafaf;"><a href="http://florencestuff.blogspot.com">Picture Scroll Box</a></p>
RESULT:
No comments:
Post a Comment