View Full Version : Link for more text in SAG Content Scroller

08-08-2010, 04:31 AM
1) Script Title: SAG Content Scroller

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex2/sagscroller.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 :confused:

08-08-2010, 04:57 PM
Yes. Just put your link into the text, example (inserted for second list item) for the first demo scroller:

<div id="mysagscroller" class="sagscroller">
<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>

You can do this however you like. It's all just ordinary HTML. The images already have links (from sagacontent.txt (http://www.dynamicdrive.com/dynamicindex2/sagacontent.txt), the external file used on the demo page):

<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>

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.