interout Date: Saturday, 2012-06-09, 9:18 AM | Message # 1
Group: Administrators
Messages: 1027
Slider for ucoz easy to install, copy the code below and put back where you need to put your pictures online svom also looking demo version of the script, so, you can edit to your own size: Code
<link href="http://mixanik.my1.ru/zagru_ru/1/slideshow_buttontitle.css" rel="stylesheet" type="text/css"></link> <script type="text/javascript" src="http://mixanik.my1.ru/zagru_ru/1/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="http://mixanik.my1.ru/zagru_ru/1/slideshow_buttontitle.js"></script> </head> <body> <script language="javascript" type="text/javascript"> $(function() { $("#slideshow1").slideshow_buttontitle({ time_interval: '3000', window_background_color: "#FFF", window_padding: '1', window_width: '300', window_height: '250', border_size: '1', border_color: 'black', title_text_color: 'white', title_background_color: '#42AEC2', button_color: '#84C5D2', button_current_color: '#2C7E8F', button_size: '15' }); $("#slideshow2").slideshow_buttontitle({ time_interval: '2000', window_background_color: "#FFF", window_padding: '2', window_width: '200', window_height: '150', border_size: '2', border_color: '#9C0', title_text_color: '#000', title_background_color: '#9C0', button_color: '#9C0', button_current_color: '#9F0', button_size: '10' }); }); </script> <pre> </pre> <div id="slideshow1" class="slideshow_buttontitle"> <ul> <li><a href="#" title="title1"><img src="http://mixanik.my1.ru/zagru_ru/1/455abe0e10e0.png" alt="slideshow_large"/></a></li> <li><a href="#" title="title2"><img src="http://mixanik.my1.ru/zagru_ru/1/455abe0e10e0.png" alt="slideshow_large"/></a></li> <li><a href="#" title="title3"><img src="http://mixanik.my1.ru/zagru_ru/1/455abe0e10e0.png" alt="slideshow_large"/></a></li> <li><a href="#" title="title4"><img src="http://mixanik.my1.ru/zagru_ru/1/455abe0e10e0.png" alt="slideshow_large"/></a></li> </ul> <div class="slideshow_simple1_title"> </div> <ul class="slideshow_simple1_nav"> <li></li> <li></li> <li></li> <li></li> </ul> <div style="clear: both"></div> </div>
Message Slider for ucoz easy to install, copy the code below and put back where you need to put your pictures online svom also looking demo version of the script, so, you can edit to your own size: Code
<link href="http://mixanik.my1.ru/zagru_ru/1/slideshow_buttontitle.css" rel="stylesheet" type="text/css"></link> <script type="text/javascript" src="http://mixanik.my1.ru/zagru_ru/1/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="http://mixanik.my1.ru/zagru_ru/1/slideshow_buttontitle.js"></script> </head> <body> <script language="javascript" type="text/javascript"> $(function() { $("#slideshow1").slideshow_buttontitle({ time_interval: '3000', window_background_color: "#FFF", window_padding: '1', window_width: '300', window_height: '250', border_size: '1', border_color: 'black', title_text_color: 'white', title_background_color: '#42AEC2', button_color: '#84C5D2', button_current_color: '#2C7E8F', button_size: '15' }); $("#slideshow2").slideshow_buttontitle({ time_interval: '2000', window_background_color: "#FFF", window_padding: '2', window_width: '200', window_height: '150', border_size: '2', border_color: '#9C0', title_text_color: '#000', title_background_color: '#9C0', button_color: '#9C0', button_current_color: '#9F0', button_size: '10' }); }); </script> <pre> </pre> <div id="slideshow1" class="slideshow_buttontitle"> <ul> <li><a href="#" title="title1"><img src="http://mixanik.my1.ru/zagru_ru/1/455abe0e10e0.png" alt="slideshow_large"/></a></li> <li><a href="#" title="title2"><img src="http://mixanik.my1.ru/zagru_ru/1/455abe0e10e0.png" alt="slideshow_large"/></a></li> <li><a href="#" title="title3"><img src="http://mixanik.my1.ru/zagru_ru/1/455abe0e10e0.png" alt="slideshow_large"/></a></li> <li><a href="#" title="title4"><img src="http://mixanik.my1.ru/zagru_ru/1/455abe0e10e0.png" alt="slideshow_large"/></a></li> </ul> <div class="slideshow_simple1_title"> </div> <ul class="slideshow_simple1_nav"> <li></li> <li></li> <li></li> <li></li> </ul> <div style="clear: both"></div> </div>
Author - interout Date Added - 2012-06-09 в 9:18 AM
MolderFBI Date: Thursday, 2013-05-09, 3:47 AM | Message # 2
Group: Member
Messages: 12
tnx
Message tnxAuthor - MolderFBI Date Added - 2013-05-09 в 3:47 AM