Results 1 to 2 of 2

Thread: Link for more text in SAG Content Scroller

  1. #1
    Join Date
    Mar 2007
    Posts
    35
    Thanks
    12
    Thanked 0 Times in 0 Posts

    Default Link for more text in SAG Content Scroller

    1) Script Title: SAG Content Scroller

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...agscroller.htm

    3) Describe problem: i love the script . In the manual mode for the text is there any how i can give a link for additional text. A short 4 lines text followed by More which would take the reader to a detailed story which i suppose would be on another page.
    Also in the image scroller is the same solution available whereby a larger image can be viewed

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,925
    Thanks
    43
    Thanked 3,190 Times in 3,154 Posts
    Blog Entries
    12

    Default

    Yes. Just put your link into the text, example (inserted for second list item) for the first demo scroller:

    Code:
    <div id="mysagscroller" class="sagscroller">
    	<ul>
    	<li>Ajax is a group of interrelated web development techniques used on the client-side to create interactive web applications.</li>
    	<li>XML's design goals emphasize simplicity, generality, and usability over the Internet. <a href="xmlinfo.htm">[MORE]</a></li>
    	<li>SVG and HTML5's canvas element allow for the creation of simple graphical objects using programming.</li>
    	<li>The new audio and video elements of HTML5 offer an alternative to flash for embedding multimedia on the web.</li>
    	<li>CSS is a style sheet language used to describe the presentation semantics (the look and formatting) of a document written in a markup language.</li>
    	</ul>
    </div>
    You can do this however you like. It's all just ordinary HTML. The images already have links (from sagacontent.txt, the external file used on the demo page):

    Code:
    <ul>
    <li><a href="#"><img src="../dynamicindex4/autumn.jpg" /></a></li>
    <li><a href="#"><img src="../dynamicindex4/cave.jpg" /></a></li>
    <li><a href="#"><img src="../dynamicindex4/dog.jpg" /></a></li>
    <li><a href="#"><img src="../dynamicindex4/pool.jpg" /></a></li>
    <li><a href="#"><img src="../dynamicindex4/fruits.jpg" /></a></li>
    </ul>
    You just have to set the href values. Just be aware that, if using relative paths, the paths must be valid for the page with the SAG scroller on it, not to (if in a different path) the external file. If there's any confusion, use the absolute path.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. The Following User Says Thank You to jscheuer1 For This Useful Post:

    asiatic (08-09-2010)

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •