Gadgets Code for Blogsite and Website 3

How to make Scroll bar Image

This type of image gadgets mainly used for Panoramic view of a mountain range, sea or Group photos. Here the HTML code is given below. just copy pest and enjoy. Height and width cab be as your requirement.
    

<div dir="ltr" style="text-align: left;" trbidi="on"> <title>scroll</title> <div style="height: 300px; overflow-y: auto; overflow: -moz-scrollbars-vertical; width: 650px;"> <div style="text-align: center;"> <img src="YOUR IMAGE LINK" /></div> </div> </div>

If you want to change the vertical scroll just changes the value width: 650px;"  and the height value  must be less than the image height. Vertical scroll bar arise autometically.

How to make Continuous Scroll Image

This type of scroll image mainly used to show an overview of the topic, Advertisement, Home page preview etc. Here the HTML code is given below. just copy pest and enjoy. Height and width cab be as your requirement.

<MARQUEE behavior="scroll" direction="left" width="100%"><img src="yourimagehere.jpg"><img src="yourimagehere.jpg"><img src="yourimagehere.jpg"><img src="yourimagehere.jpg"><img src="yourimagehere.jpg"><img src="yourimagehere.jpg"><img src="yourimagehere.jpg"><img src="yourimagehere.jpg"><img src="yourimagehere.jpg"><img src="yourimagehere.jpg"><img src="yourimagehere.jpg"><img src="yourimagehere.jpg"><img src="yourimagehere.jpg"><img src="yourimagehere.jpg"><img src="yourimagehere.jpg"><img src="yourimagehere.jpg"><img src="yourimagehere.jpg"></MARQUEE>

You can also control the speed of scrolling image with scrollamount="30"  , the amount may be change for better result. The code is to be pest in between direction="left" Here width="100%">
If you want to change the scroll direction just change direction="left"  like up down right etc.

Priyankargeo@gmail.com