Слайдер картинок для Ucoz

[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]

Страница 1 из 1
1

Pr0f1x

Дата: Понедельник, 27.06.2011, 21:10 | Сообщение # 1

Администратор

Сообщений:: 841

Награды:: 2

100

Вы можете поставить его просто куда хотите, но если вы его будите постоянно менять в нем картинки,
лучше сделать глобальный блок!
в блок слайдер вставляем:

Code

<head>
     <script type="text/javascript" src="http://s6.ucoz.net/src/jquery-1.3.2.js"></script><script type="text/javascript" src="http://s6.ucoz.net/src/uwnd.js?2"></script><style type="text/css">.UhideBlock {display:none}</style>
     </head>

     <body><script type="text/javascript" src="/designs_103/jquery.tipsy.js"></script>
     <script type='text/javascript'>
     $(function() {
     $('.north').tipsy({gravity: 'n'});
     $('.south').tipsy({gravity: 's'});
     $('.east').tipsy({gravity: 'e'});
     $('.west').tipsy({gravity: 'w'});
     });
     </script>
     <script type="text/javascript" src="/designs_103/script_site.js"></script>
     <div id="container_wrap" class="modulesindex pagessitePage3 uripage3">
     
     <div class="hslider_full">
     <div class="hslider">
     <b class="hslider_prev"></b>
     <b class="hslider_next"></b>
     <div class="hslider_in">
     <ul><li> <a class='north' href="Ссылка" title="Название"> <img src="ссылка на картинку" width="120" height="156" alt=" " /> </a> </li> Таких картинок нужно сделать больше 6 т.к. в слайдере показывает 6 картинок за раз
     </div>
     </div>
     </div>
     <div id="content_full">
     
     <div id="side_right">
     <div id="sider_left">

Это в CSS:

Code

/* Черный шлепок*/
     .tipsy {
     padding: 5px;
     font-size: 11px;
     opacity: 0.8;
     filter: alpha(opacity=80);
     background-repeat: no-repeat;
     background-image: url('tipsy.gif');
     }

     .tipsy-inner {
     padding: 5px 8px 4px 8px;
     background-color: black;
     color: white;
     max-width: 200px;
     text-align: center;
     }

     .tipsy-inner {
     -moz-border-radius:3px;
     -webkit-border-radius:3px;
     }

     .tipsy-north {
     background-position: top center;
     }

     .tipsy-south {
     background-position: bottom center;
     }

     .tipsy-east {
     background-position: right center;
     }

     .tipsy-west {
     background-position: left center;
     }
     /* ----------------------- */

Залейте все файлы в папку designs_103
Скачать
Источник материала: Сделал некто PheonixICQ

Слайдер картинок для Ucoz

Страница 1 из 1
1