Technology Software

How to Make My Pictures Scroll on My Website

    • 1). Locate the HTML code of the image that you want to scroll across your page. Here is an example:

      <img src="http://www.example.com/image.jpg">

    • 2). Wrap the image code with the starting and closing marquee tags. Add <marquee> before the start of the image code and add </marquee> at the end of the image code. Add both of these tags outside of the image code. Here is an example:

      <marquee><img src="http://www.example.com/image.jpg"></marquee>

    • 3). Add the direction element inside of the starting marquee tag. The different directions that it can scroll are: left, right, up, and down. Here is an example of an image that will scroll up on the page:

      <marquee direction="up"><img src="http://www.example.com/image.jpg"></marquee>

    • 4). Add the behavior element inside of the starting marquee tag. The different behaviors include: "scroll" (its default behavior), "slide" (the image scrolls in and stops at the end), and "alternate" (the image bounces back and forth across the page). Here is an example:

      <marquee behavior="alternate"><img src="http://www.example.com/image.jpg"></marquee>

    • 5). Add the scroll-amount element inside of the starting marquee tag. This element determines the speed of the scrolling image. The default value is 6, but it can be changed to scroll slower or faster by reducing or increasing the speed integer. Here are two examples:

      Slower Scrolling Image
      <marquee scrollamount="1"><img src="http://www.example.com/image.jpg"></marquee>

      Faster Scrolling Image
      <marquee scrollamount="15"><img src="http://www.example.com/image.jpg"></marquee>

SHARE
RELATED POSTS on "Technology"
Important Concepts For Linux Beginners - Shells and Utilities
Important Concepts For Linux Beginners - Shells and Utilities
How to Remove Epxonwo
How to Remove Epxonwo
Advanced Usability, Productivity and Flexibility in Report Sharp-Shooter 5.0
Advanced Usability, Productivity and Flexibility in Report Sharp-Shooter 5.0
Download CCleaner and PC Speed Scan Pro to Increase the Speed and Stability of Your PC
Download CCleaner and PC Speed Scan Pro to Increase the Speed and Stability of Your PC
Use the Hospital Contract Management Software to Minimize Risk and Generate Revenue
Use the Hospital Contract Management Software to Minimize Risk and Generate Revenue
'Andy' by Karen Bonaker
'Andy' by Karen Bonaker
How to Decode a .RAR
How to Decode a .RAR
How to Support Attachments on Custom Sharepoint Forms
How to Support Attachments on Custom Sharepoint Forms
Boost Up Your Website’S Ranking With SEO
Boost Up Your Website’S Ranking With SEO
Visualize Spots
Visualize Spots
How to Disable the Windows Defender Warnings
How to Disable the Windows Defender Warnings
Some Impressive New Excel 2007 Features
Some Impressive New Excel 2007 Features
How to learn more about SQL and gain an SQL Job
How to learn more about SQL and gain an SQL Job
A Few Benefits of Custom Software Development
A Few Benefits of Custom Software Development
Scheduling Software Tools
Scheduling Software Tools
Antispyspider - How to Remove Antispyspider From Your Computer in Just Minutes
Antispyspider - How to Remove Antispyspider From Your Computer in Just Minutes
Different ERP Implementation Methodologies
Different ERP Implementation Methodologies
Microsoft Windows Vista Support For Instant Solution
Microsoft Windows Vista Support For Instant Solution
Benefits Of Using The Property Management Software
Benefits Of Using The Property Management Software
Best OST Repair Tool - Necessitate For Unfailing Process to Retrieve/Repair OST File
Best OST Repair Tool - Necessitate For Unfailing Process to Retrieve/Repair OST File
Encoding vs. Decoding Strategies
Encoding vs. Decoding Strategies
What Is HIPAA and How Will It Effect Your Medical Practice?
What Is HIPAA and How Will It Effect Your Medical Practice?
The CCTV Security Is Essential in Order to Maintain Harmony
The CCTV Security Is Essential in Order to Maintain Harmony
How to Disable HPA on a Gigabyte GA-EP45-UDR3
How to Disable HPA on a Gigabyte GA-EP45-UDR3

Leave Your Reply

*