Slide Show for Yukoz


Slide Show for Yukoz

2097
5.6 из 10
Проголосовало: 6




  • Скачать с сервера
  • Скачать
  • Смотреть демо



Всем доброе время суток и так к вашему внеманиюсегодня предоставляю - Slide Show for Yukoz

Даная версия является в формате HTML

Сам Slideshow_v5 является простым в установке, и использовании на вашем сайте.

И так давайте приступим к установке дной модификации!

Для начала скачиваем сам архив, после создаем папку Slideshow_v5 и туда залеваем все что находится в папке.

После чего идем на сайт и в каком вам нужно месте ставим между <head> и </head> ставим следущее:

Code

  <!-- Включают в меню Сервис -->
  <script src="Slideshow_v5/jquery.js"></script>

  <!-- автономный стиль страницы (можно удалить) -->
  <link rel="stylesheet" type="text/css" href="Slideshow_v5/standalo.css"/>  

  <link rel="stylesheet" type="text/css" href="Slideshow_v5/tabs-sli.css"/>
   
  <!-- исправить то есть "черный ящик" проблемы с изображениями PNG, когда непрозрачность анимируемого -->
   
  <!--[if IE]>
  <style type="text/css">
  .images img {
  background:#efefef url(/img/global/gradient/h300.png) repeat-x 0 -22px;
  }
  </style>
  <![endif]-->


Теперь между тегами <body> и </body> ставим следущее:

Code

<!-- «предыдущий слайд" кнопки -->
<a class="backward">предыдущая</a>

<!-- Контейнер для слайдов -->
<div class="images">

  <!-- первый слайд -->
  <div>
  <h3>Первая панель</h3>

  <img src="Slideshow_v5/screens.png" alt="Flying screens" style="float:left;margin:0 30px 20px 0" />

  <p style="font-weight:bold">
  Slide Show for Yukoz - Весь текст меняем на свой
  </p>

  <p>
  Slide Show for Yukoz......<br />Всем доброго врямени суток, и так к вашему внеманию предоставляется новая версия - Slideshow v5. Уважаемые пользователи если у вас есть какие либо идеи по созданию чего либо предлогайте - и мы свами попробуем их зделать вместе. <br />Спасибо за ваше внемание с уважением - Zlatev Dima
  </p>

  </div>

  <!-- второй слайд -->
  <div>
  <h3>Вторая панель</h3>

  <img src="Slideshow_v5/eye192.png" alt="Flying screens" style="float:left;margin:0 30px 20px 0" />

  <p style="font-weight:bold">
  Slide Show for Yukoz - Весь текст меняем на свой
  </p>

  <p>
  Slide Show for Yukoz......<br />Всем доброго врямени суток, и так к вашему внеманию предоставляется новая версия - Slideshow v5. Уважаемые пользователи если у вас есть какие либо идеи по созданию чего либо предлогайте - и мы свами попробуем их зделать вместе. <br />Спасибо за ваше внемание с уважением - Zlatev Dima
  </p>
  </div>

  <!-- третий слайд -->
  <div>
  <h3>Третья панель</h3>

  <p style="font-weight:bold">
  Slide Show for Yukoz - Весь текст меняем на свой
  </p>

  <p>
  Slide Show for Yukoz......<br />Всем доброго врямени суток, и так к вашему внеманию предоставляется новая версия - Slideshow v5. Уважаемые пользователи если у вас есть какие либо идеи по созданию чего либо предлогайте - и мы свами попробуем их зделать вместе. <br />Спасибо за ваше внемание с уважением - Zlatev Dima
  </p>
  </div>

</div>
<!-- "Следующий слайд" кнопки -->
<a class="forward">следующий</a><p>

<!-- вкладки -->
<div class="slidetabs">
  <a href=""></a>
  <a href=""></a>
  <a href=""></a>
</div>

<script language="JavaScript">
$(function() {

$(".slidetabs").tabs(".images > div", {

  // uFace - by lekus
  effect: 'fade',
  fadeOutSpeed: "slow",

  // начать с самого начала после последней вкладке
  rotate: true

// использовать слайд-шоу плагин. Он принимает свою собственную конфигурацию
}).slideshow();
});
</script>


Ну вот собствено и все.

Нет не каких сложностей с установкой и использованием, пользуйтесь наздорове.

С уважением - LEKUS
Автор публикации: Загрузка
Загрузка
LeKcUs, это его n материал
Источник: http://uface.at.ua/
  • Всего комментариев: 8

Сергей
+2
Сергей написал: Написано 24 Апреля 2012 в 09:42
Комментарий №7
Все работает спасибо огромное LeKcUs Сколько я его искал.Отлично вобще все работает!!!! happy happy happy happy

LeKcUs
0
LeKcUs написал: Написано 27 Апреля 2012 в 00:38
Комментарий №8
smile пользуйся!

Aleks
+2
Aleks написал: Написано 23 Апреля 2012 в 22:16
Комментарий №3
Просто супер

BLAzER
-2
BLAzER написал: Написано 23 Апреля 2012 в 20:05
Комментарий №1
В архиве больше половины картинок нету! tongue

LeKcUs
+1
LeKcUs написал: Написано 23 Апреля 2012 в 21:50
Комментарий №2
Все в архиве есть, если ты о:

Code
/img/global/gradient/h300.png


то они есть на вашем компютере, так как ето системные изображение браузеров.

Мне кажется сначала изучите IE, а потом пишите коментарии!

AndreyKlipikov
+4
AndreyKlipikov написал: Написано 23 Апреля 2012 в 23:17
Комментарий №4
Будь добр, скинь, пожалуйста, ссылочку, где можно почитать о системных изображениях браузера wink

LeKcUs
-3
LeKcUs написал: Написано 24 Апреля 2012 в 00:13
Комментарий №5
Родной ты че наприколе сидиш?
Ты когда делаеш ты че не шариш что за что отвечает? Если нет то тебе тут не место...
И еще большая прозьба пишите пожалуйста только посути дела так как меня уже стало напрягать общение с многими из вас.

Black_Sun
+3
Black_Sun написал: Написано 24 Апреля 2012 в 08:41
Комментарий №6
Уроки потому что надо во время делать.
И если ты не знаешь как это называется не надо писать тут про всякие "системные изображения браузеров".

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2113
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
Ох. Вижу, что обсуждение очень старое. Но!
На других CMS так же будет все это реализовано. На нормальных CMS.
Такое решение может подойти лишь для landing сайтов. Но и то, не думаю, что там кто то заморачивается в написании какого либо контроллера генерирования шаблона и используют прямо в лоб чистый HTML, поэтому и будут для каждой страницы свои блоки делать.

Поэтому лучше тут все же дописать решение именно для ucoz без загрузки этих лишних блоков на странице. Ведь используя условные операторы этот код даже не будет прогружаться на странице. (Лол. Это ж доли секунд загрузки...) И что? Но давайте делать оптимальнее
Моё авторство:)
  • 1488 написал:
  • 1488 написал:
  • Смысл исходный код? он возвращает после обновление страницы на то положение которое было... или как?
  • 1488 написал:
  • как поставить галки как скрине?
    а то невозможно поставить...
  • Handyman написал:
  • Не появляется код безопасности для обычных пользователей
    Последние темы
    Опрос
    228
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 4
    Гостей: 4
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: