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