Board Logo

More complicated than the sticky installation thread makes it...
TheRiddler - 5/18/2008 at 11:26 AM

Hey guys,

I have a site whose scrolling image method isn't browser cross compatible so I've taken up trying to integrate Soft Complex's. My portfolio site's all CSS and divides projects vertically, with each project having a title bar, image scroller, and a place for description. I've gone through the "How do I install this?" thread (I'm being conservative with the question marks) and it didn't seem to help my situation. I have a pre-set 550-by-263-pixel DIV for the images to occupy, and I'm hoping they'll horizontally scroll a 263-pixel width once the advancement button's been hovered over. I have the "scroll.tpl0.js" file set up as best as I can tell it should be with the following:

{
'file': '',
// note: image path is relative to the ts_files directory
'content' : '<img src="../images/Icon1.jpg" height="263px" width="550px">','<img src="../images/Icon2.jpg" height="263px" width="550px">','<img src="../images/Icon3.jpg" height="263px" width="550px">','<img src="../images/iconsAllTogether.jpg" height="263px" width="550px">',
'pause_b': 2,
'pause_a': 0
}

This is my initialization:

<div class="portImages"><SCRIPT LANGUAGE="JavaScript">Tscroll_init (0)</SCRIPT></div>

I've also set the LOOK variable to the appropriate dimensions (now I'm just kind of rattling off measures I've taken of my own accord to save forum members' time), and have given the whole implementation quite a stare and haven't been able to get one acknowledgment of its existence on my site. I even tried modifying the "scroll0.css" to use the default included arrow graphics and that didn't work, either:

.ArrowUp {
background-image: url("art.gif");
position: absolute;
top: -75px;
left: 15px;
height: 16px;
width: 16px;
}
/* for on-demand mode only:
control (arrow) to scroll items forward - DIV
use to position the control */
.ArrowDn {
background-image: url("alf.gif");
position: absolute;
top: -75px;
left: 248px;
height: 16px;
width: 16px;
}

Any and all help is appreciated.

Thanks,
TheRiddler


TheRiddler - 5/18/2008 at 07:04 PM

Alright, I've got the images to show up. Now the problem's scroll speed, which I assume is easily changed, and there being an image-wide white space in-between the images being scrolled through. Is there some kind of simple explanation for that?


tigra - 5/19/2008 at 02:26 PM

speed is controlled in the configuration file scroll.tpl0.js
'speed': 5

free version clears the window for next item. the gap can be controlled in PRO version. Also consider fader script for plain image slide show.


Softcomplex: http://www.softcomplex.com/
Back to forum: http://www.softcomplex.com/forum/