Script of your home page

cachousam

2010-03-13 13:49

Hi
is that someone could send me the script that is on the home page of open solution

This one:
http://img10.imageshack.us/img10/1333/20100313134304.png
Thanks a lot

» Quick.Cart v3.x

beholder

2010-03-13 14:24

http://www.greywyvern.com/code/javascript/scroller.js

cachousam

2010-03-13 18:27

I tested, but I do not know which file to put these lines

new scrollObject("scr1", 120, 120, "up", 5000, 1.4);

thank you very much beholder

cachousam

2010-03-13 19:10

Here are my attempts
I have put this:
<div id="scr1">
* <div class="default">
* The first block of the scroller.
* The contents of this block will be displayed if the browser does
* not support the scroller.
* </div>
* <div>Block 2</div>
* <div>Block 3</div>
*
* ...
*
* </div>

in container.tpl file

I have create a scroller.js files in core folder with the script
and in this file i have put this line:
new scrollObject("scr1", 120, 120, "up", 5000, 1.4);

I have put this line :

#scr1 div {
* visibility:hidden;
* }
* #scr1, #scr1 div.default {
* width:160px;
* height:120px;
* overflow:hidden;
* visibility:visible;
* }
* #scr1 table tr td div {
* visibility:visible;
* }


in defaut.css file


my page display the block but without scrolling

just this are display:

The first block of the scroller.
* The contents of this block will be displayed if the browser does
* not support the scroller.

Any idea?

Yet I see the script on your page

beholder

2010-03-13 20:14

it's not my page :-) Opensolution.org are totally independent Polish guys who are excellent in what they do.

Do you have the script embedded in the page via

tags?

cachousam

2010-03-14 09:39

Hi all

Its works fine now.

the correct way is:
*Put this in BODY (where do you want to see) in container.tpl file

<div id="scr1">
<div class="default">
The first block of the scroller.
The contents of this block will be displayed if the browser does
not support the scroller.
</div>
<div>Block 2</div>
<div>Block 3</div>
</div>

*always in this file put this in HEAD:


<script type="text/javascript" src=".......[core]scroller.js"></script>
<script type="text/javascript">
<!--
new scrollObject("scr1", 120, 120, "up", 500, 20.4);

//-->
</script>


*create a scroller.js files in core folder with the script

*put this in defaut.css file

#scr1 div {
visibility:hidden;
}
#scr1, #scr1 div.default {
width:160px;
height:120px;
overflow:hidden;
visibility:visible;
}
#scr1 table tr td div {
visibility:visible;
}

Thanks