How to make Scroll bar Image
scroll
How to make Continuous Scroll 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.
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%"><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> |
If you want to change the scroll direction just change direction="left" like up down right etc.
Priyankargeo@gmail.com