Главная » Статьи » Статьи по Ucoz.

Как сделать слайд шоу на uCoz.
Как сделать слайд шоу на uCoz

Сегодня поговорим о слайд шоу на uCoz

Наша задача: сделать слайд шоу на uCoz.
  
Для начало немного истории.

Я решил сделать на сайте, свое слайд шоу и это оказалось для меня, как новичка, не простая задача. Поколесив по инету я нарыл интересный адрес. Но о нем позже. 
  
Зная что в «Галереи» на Укоз уже существует слайдер я попытался вытащить его код из недр разнообразных кодов и установить на нужной мне странице, мне это удалось, но дело в том что данный код берет картинки из галереи, а мне нужен был свой набор картинок (особый). К сожелению как прописать путь к своей коллекции я разобраться не смог. Может кто разберется и чирканет внизу как это сделать. Буду признателен. 
Вот сам код:
 
Код слайд шоу для uCoz

<object data="/.s/flash/slideshow.swf" width="500" height="375" type="application/x-shockwave-flash" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28">
<param name="allowFullScreen" value="true"/> <param name="menu" value="false"/> <param name="wmode" value="transparent"/> <param name="allowScriptAccess" value="always"/> <param name="movie" value="/.s/flash/slideshow.swf"/> <param name="quality" value="high"/>
<param name="flashvars" value="XMLPath=/photo/ -0-0-55"/>
<embed src="/.s/flash/slideshow.swf" flashvars="XMLPath=/photo/ -0-0-55" width="500" height="375" quality="high" wmode="transparent" allowScriptAccess="always" name="data" menu="false" align="middle" allowFullScreen="true" type="application/x-shockwave-flash" pluginspage="
http://www.macromedia.com/go/getflashplayer"/>
</object>
 
Просто вставляем на нужную страницу и все Ваши фото размещенные в галереи автоматом будут на нем просматриваться.
 
Мне этот вариант не подходил пришлось отказаться от него. 
Есть слайд шоу в виждетах, но он берет фото только из файлового менеджера и формате GIF. При этом качество теряется, а так как дисковое пространство у меня ограничено, мне нужно было что бы ресурс с размещением моих картинок был стороннем. Этот вариант тоже пошел в фтопку!
 
Поиски продолжились. И я наткнулся на блока Натальи Нуждаевой  в котором рассказывалось как создать слайд шоу на сайт или блог. Я сразу отказался от этой идеи хотя может кому понравиться.
 
И так инструкция:
 
Делаем слайд шоу с помощью программы Paint.NET. 
 
Место расположения  программы в Windows:
 
Идем: 

Пуск - Все программы - Стандартные - Paint.NET или  Paint.

И так начнем: 
Скачиваем программу UnFREEz  с видео уроком, скачиваем здесь -  ЖМИ!!!   
Весит программа немого и не требует инсталяции. 
Выбираем  бесплатный хостинг для  хранения наших слайдов например я использую: radikal.ru

Это вариант как Вы уже поняли мне тоже не подошел!
 
Я продолжил и мне удалось нарыть вот такой скрипт:

<script type='text/javascript' src='http://shedar.ru/jquery.min.js'> </script >
<script type="text/javascript" src="
http://shedar.ru/jquery.cycle.all.min.js"> </script p>
<script type="text/javascript" src="
http://shedar.ru/jquery.easing.1.1.1.js"> </script>
<div id="s1">
<img src=http://s014.radikal.ru/i326/1206/2d/af8689a7bc88.jpg width=500 />
<img src=http://s55.radikal.ru/i149/1206/b4/d300aacbec37.jpg width=500 />
<a href="
http://shedar.ru"> <center> <b> <H3> > p> ПЕЙЗАЖИ</p> </H3> </b> <img src=http://s016.radikal.ru/i334/1206/28/2c81c9728b72.jpg width=400 /> </a>
<img src=http://s014.radikal.ru/i326/1206/2d/af8689a7bc88.jpg width=500 />
<img src=http://s55.radikal.ru/i149/1206/b4/d300aacbec37.jpg width=500 />
<a href="
http://shedar.ru"> <center> <b> <H3> <p> ПЕЙЗАЖИ</p> </H3> </b> <img src=http://s016.radikal.ru/i334/1206/28/2c81c9728b72.jpg width=400 /> </a>
<a href="
http://shedar.ru">
<p> Вы смотрите jQuery слайд шоу</p>
<p> Скачать его можно здесь! <br> ШЕДАР</p>
</div>
<script>
var ef="scrollLeft";
$(document).ready(function() {
$('#s1').cycle(ef);
});
</script>
</div p>
 
  ef="scrollLeft" переменная которая отвечает за стиль прокрутки Ваших фотографий.
 

Скрипт мне очень понравился, так как прост и нет ни какого гемора, просто копируешь и вставляешь в нужное место – ВСЕ! Естественно за место моих ссылок на картинки «http://s016.radikal.ru/i334/1206/28/2c81c9728b72.jpg» ставим свои адреса. Еще функция: width отвечает за размер слайдера его можно поменять на свои размеры. Пользуемся.
  
Пример такого срипта можно посмотреть здесь: ПРИМЕР
 
А вот адрес о котором я говорил в начале поста:
http://smoothgallery.jondesign.net/showcase/gallery там представленны 30 разнообразных реализаций слайдеров на сайт, но так как я не очень во вся кого рода JavaScript, HTML, CSS, XML пришлось сразу отказаться от этой идеи.
  
Но я решил поискать еще что нибудь этакое.
  
Что я нашел еще и что меня все же уcтроило можно почитать здесь: Слайд-шоу TripTracker
 

На этом все, спасибо за внимания, надеюсь, мой пост вам помог, и вы оцените мои труды, кликнув по одной из кнопок, социальной сети и поделитесь с друзьями. Не забываем подписаться на обновления. Удачи!

Другие материалы по теме:


Категория: Статьи по Ucoz. | Добавил: maloir (14.07.2012) | Автор: Как сделать слайд шоу на uCoz. E W
Просмотров: 6292 | Комментарии: 1 | Теги: слайд шоу, Код слайд шоу, сделать слайд шоу на uCoz, слайд шоу на Ucoz | Рейтинг: 0.0/0
     Подпишитесь на обновления Библиотеки Шедар Кассиопеи:

     Ваш Email:     

Случайное:

Всего комментариев: 1
1  
Наверника можно изменив код но как это сделать я к сожелению не знаю.

Имя *:
Email:
Код *: