Slide Show для блога, простые и сложные слайд-шоу

<<

Admin

Аватара пользователя

Сообщения: 1450

Зарегистрирован: 21 мар 2011, 15:30

Благодарил (а): 66 раз.
Поблагодарили: 157 раз.

Сообщение 08 сен 2011, 18:26

Re: Slide Show для блога, простые и сложные слайд-шоу

astrelas писал(а):а в папке engine нет ни одного файла изображений...))) :-(

Шаг первый
Далее открываем папку engine, в которой лежат ещё несколько картинок. Количество картинок и их названия определяются созданным вами слайд шоу, поэтому я не знаю, что будет у вас.

Может вы такое слайдшоу настроили, что оно вообще в картинках не нуждается?
<<

AydarItkulov

Сообщения: 18

Зарегистрирован: 03 дек 2011, 12:11

Благодарил (а): 0 раз.
Поблагодарили: 0 раз.

Сообщение 08 дек 2011, 01:10

Re: Slide Show для блога, простые и сложные слайд-шоу

Опишите пожалуйста как впихнуть слайд созданый с помощью wow slider вместо шапки. Либо как то удалить шапку и поставить гаджет-слайд на его место.
Шаблон Simple

P.S.
http://wowslider.com/index.html#download - пример)
<<

Admin

Аватара пользователя

Сообщения: 1450

Зарегистрирован: 21 мар 2011, 15:30

Благодарил (а): 66 раз.
Поблагодарили: 157 раз.

Сообщение 08 дек 2011, 12:07

Re: Slide Show для блога, простые и сложные слайд-шоу

AydarItkulov писал(а):Опишите пожалуйста как впихнуть слайд созданый с помощью wow slider вместо шапки. Либо как то удалить шапку и поставить гаджет-слайд на его место.
Шаблон Simple

Вот этот код отвечает за вывод виджета заголовка:
  Код:
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='(заголовок)' type='Header'/>
</b:section>

непосредственно за заголовок отвечает эта строчка:
  Код:
<b:widget id='Header1' locked='true' title='(заголовок)' type='Header'/>

Вы можете попробовать заменить ее, примерно, на строчку такого вида:
  Код:
<b:widget id='HTMLХ' locked='true' title='(Мой слайд)' type='HTML'/>

Это код простого виджета HTML/JavaScript. Обратите внимание в первой записи HTML стоит Х - это число. Оно определяется автоматически, в зависимости от количества установленных в вашем блоге данных виджетов. Например, если на данный момент у вас установлено 5 видежтов HTML/JavaScript, то вместо Х ставите цифру 6. Если сразу не можете определить, сколько у вас таких виджетов, то просто начните перебирать цифры по порядку. Если такой гаджет уже есть, Blogger будет ругаться, как только укажите цифру, которой нет, Blogger даст сохранить шаблон.
<<

AydarItkulov

Сообщения: 18

Зарегистрирован: 03 дек 2011, 12:11

Благодарил (а): 0 раз.
Поблагодарили: 0 раз.

Сообщение 08 дек 2011, 15:47

Re: Slide Show для блога, простые и сложные слайд-шоу

Не получается. Разьясните пожалуйста пошагово.
Это index файл слайда
  Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   <title>Test Slide generated by WOWSlider.com</title>
   <meta http-equiv="content-type" content="text/html; charset=utf-8" />
   <meta name="keywords" content="Test Slide, WOW Slider, Best Carousel jQuery, Step Carousel jQuery" />
   <meta name="description" content="Test Slide created with WOW Slider, a free wizard program that helps you easily generate beautiful web slideshow" />
   <!-- Start WOWSlider.com HEAD section -->
   <link rel="stylesheet" type="text/css" href="engine1/style.css" />
   <style type="text/css">a#vlb{display:none}</style>
   <script type="text/javascript" src="engine1/jquery.js"></script>
   <script type="text/javascript" src="engine1/wowslider.js"></script>
   <!-- End WOWSlider.com HEAD section -->
</head>
<body style="background-color:#ffffff">
   <!-- Start WOWSlider.com BODY section -->
   <div id="wowslider-container1">
   <div class="ws_images">
<span><img src="data1/images/slide1.jpg" alt="slide1" title="slide1" id="wows0"/></span>
<span><img src="data1/images/slide2.jpg" alt="slide2" title="slide2" id="wows1"/></span>
<span><img src="data1/images/slide3.jpg" alt="slide3" title="slide3" id="wows2"/></span>
</div>
<div class="ws_bullets"><div>
<a href="#wows0" title="slide1"><img src="data1/tooltips/slide1.jpg" alt="slide1"/>1</a>
<a href="#wows1" title="slide2"><img src="data1/tooltips/slide2.jpg" alt="slide2"/>2</a>
<a href="#wows2" title="slide3"><img src="data1/tooltips/slide3.jpg" alt="slide3"/>3</a>
</div></div>
<a style="display:none" href="http://wowslider.com">Best jQuery Carousel by WOWSlider.com v2.0</a>
   </div>
   <script type="text/javascript" src="engine1/script.js"></script>
   <!-- End WOWSlider.com BODY section -->
</body>
</html>


Это то, что нужно вставить в код после подготовительных махинаций между index и кодом блога.
  Код:
   <div id="wowslider-container1">
   <div class="ws_images">
<span><img src="data1/images/slide1.jpg" alt="slide1" title="slide1" id="wows0"/></span>
<span><img src="data1/images/slide2.jpg" alt="slide2" title="slide2" id="wows1"/></span>
<span><img src="data1/images/slide3.jpg" alt="slide3" title="slide3" id="wows2"/></span>
</div>
<div class="ws_bullets"><div>
<a href="#wows0" title="slide1"><img src="http://lh3.googleusercontent.com/-nKGk8U7bk38/Tt_OysjtxSI/AAAAAAAAAK4/c0fNL33k9zA/s830/slide1.jpg" alt="slide1"/>1</a>
<a href="#wows1" title="slide2"><img src="http://lh5.googleusercontent.com/-hvFNMVnblgE/Tt_Oy2NOKEI/AAAAAAAAALA/U51rhTd63Sg/s830/slide2.jpg"/>2</a>
<a href="#wows2" title="slide3"><img src="http://lh6.googleusercontent.com/-NBUfdorGSxs/Tt_Oy7ELY-I/AAAAAAAAAK8/y5f82nh3jB8/s830/slide3.jpg" alt="slide3"/>3</a>
</div></div>
<a style="display:none" href="http://wowslider.com">Best jQuery Carousel by WOWSlider.com v2.0</a>
   </div>
<<

Admin

Аватара пользователя

Сообщения: 1450

Зарегистрирован: 21 мар 2011, 15:30

Благодарил (а): 66 раз.
Поблагодарили: 157 раз.

Сообщение 08 дек 2011, 22:05

Re: Slide Show для блога, простые и сложные слайд-шоу

AydarItkulov писал(а):Не получается. Разьясните пожалуйста пошагово.

ПОШАГОВАЯ ИНСТРУКЦИЯ
<<

AydarItkulov

Сообщения: 18

Зарегистрирован: 03 дек 2011, 12:11

Благодарил (а): 0 раз.
Поблагодарили: 0 раз.

Сообщение 08 дек 2011, 22:18

Re: Slide Show для блога, простые и сложные слайд-шоу

Нет нет)не создание слайда, а конкретно как поставить вместо шапки (куда какой код ставить)
<<

Admin

Аватара пользователя

Сообщения: 1450

Зарегистрирован: 21 мар 2011, 15:30

Благодарил (а): 66 раз.
Поблагодарили: 157 раз.

Сообщение 09 дек 2011, 13:25

Re: Slide Show для блога, простые и сложные слайд-шоу

AydarItkulov писал(а):Нет нет)не создание слайда, а конкретно как поставить вместо шапки (куда какой код ставить)

Вы, пожалуйста, прочитайте все сообщение до конца. Про создание слайда я вообще не писала, а как раз по шагам расписала, как полученный результат интегрировать в свой блог, что нужно делать с файлом index.html и другими файлами и кодами, которые получаются при создании слайда. Расписано, куда какой файл вставить, куда загрузить картинки и что изменить.

И главное, там написано, какой конкретно код нужно вставить в желаемое место в шаблоне!
Т.к. лично вы желаете, чтобы это место было вместо шапки, т.е. вместо видежта Header1, то на этот вопрос я вам ответила здесь. В этом сообщении я рассказала, как заменить виджет заголовка на простой виджет HTML/JavaScript.
После всех проделанных действий вы идете в элементы страницы и вставляете свой слайдер в видежт HTML/JavaScript (который ранее был виджетом Header1).

Прежде, чем ещё раз написать, что куда вставлять, пожалуйста, начните это делать, хотя бы на тестовом блоге. Уверена, все станет более понятным. Сложно что-то понять, пока голова отключена, а руки ничего не делают.

Если вы все это сделали, и у вас не получилось, то формулируйте свои вопросы правильно. Пожалуйста, прочитайте тему Как задавать вопросы в разделе Blogger/Blogspot.
Других инструкций, кроме тех, что уже описаны - НЕТ!
<<

Алексар

Сообщения: 2

Зарегистрирован: 17 дек 2011, 18:30

Благодарил (а): 0 раз.
Поблагодарили: 0 раз.

Сообщение 17 дек 2011, 18:47

Re: Slide Show для блога, простые и сложные слайд-шоу

Успешно сделал слайдшоу в blogger. Проблема появляется тогда, когда в один пост блоггера добавляется более одного слайдшоу-кода. Ничего не работает (с)

Ясное дело, тут нужно править в коде какие-то строки, чтобы они не совпадали в разных слайд-шоу-кодах. Возможно нужно добавить для каждого слайдшоу свой css, но как - не понимаю. Пробовал в существующий подключаемый css добавить код, заменив "#wowslider-container1" на "#wowslider-container2", не вышло. Пробовал другие цифры ставить в wows0-wows999, чтобы не совпадали в разных слайдшоу, не вышло.

Подскажите, какую часть кода надо править нубу в html'e, чтобы в одном посте можно было вставлять много разных слайдшоу?

Добавлено спустя 11 минут 7 секунд:
Естественно, я протестировал на коде ещё перед заливкой в блог, на том коде, что генерирует сама прога (добавил body-код одного слайд-шоу в другой). Не работает. А то, что на скрине - это для удобства понимания проблемы, специально засунул :)
PS
Не нашел кнопки "правка" :(
<<

Алексар

Сообщения: 2

Зарегистрирован: 17 дек 2011, 18:30

Благодарил (а): 0 раз.
Поблагодарили: 0 раз.

Сообщение 17 дек 2011, 21:00

Re: Slide Show для блога, простые и сложные слайд-шоу

Всё, я сам разобрался.

1. Во первых на каждое слайд-шоу нужен уникальный "#wowslider-container" (#wowslider-container1, #wowslider-container2, и т.п.) заменяется в файле - index.html и script.js (поиск\замена container 1 на container_x)

2. В добавляемом в BODY коде нужно на каждое слайдшоу делать уникальный script.js. (То есть в коде для двух слайдшоу - в одном будет
  Код:
<script type="text/javascript" src="engine1/script.js"></script>

, во втором
  Код:
<script type="text/javascript" src="engine1/script2.js"></script>
и т.п.) заменяется в файле index.html

3. В HEAD шаблона сайта можно ничего не исправлять. Но нужно добавить в style.css-файл все строки с #wowslider-container1, заменив в них 1 на 2 (или другое число, которое вы добавляли во второе\третье и т.п. слайдшоу). Другими словами, файл css увеличится в размерах в два раза. Если будет сразу 3 слайдшоу на страничке - то нужно css файл увеличится в 3 раза в размере и т.п.)

Пока не понятно, будет ли нормально отображаться слайдшоу из разных постов в блог с одинаковым ID. Если не нормально, то получается с каждым новым слайдшоу придётся увеличивать объём style.css, что не круто. Если будет отображаться, то думаю 4 container'а в css будет достаточно, на всякий случай :)
Последний раз редактировалось Admin 19 дек 2011, 12:12, всего редактировалось 2 раз(а).
<<

Admin

Аватара пользователя

Сообщения: 1450

Зарегистрирован: 21 мар 2011, 15:30

Благодарил (а): 66 раз.
Поблагодарили: 157 раз.

Сообщение 19 дек 2011, 12:11

Re: Slide Show для блога, простые и сложные слайд-шоу

Алексар писал(а):Если не нормально, то получается с каждым новым слайдшоу придётся увеличивать объём style.css, что не круто.

А попробуйте запись
  Код:
id="wowslider-container"

заменить на такую
  Код:
class="wowslider-container"

а в CSS прописать таким образом один раз
  Код:
.wowslider-container {

т.е. вместо решетки - точка
ну и в самом скрипте посмотреть,
  Код:
engine1/script2.js

как там все устроено и можно ли заменить id на class.
я не уверена, что будет работать, но ради эксперимента попробовать можно.
Пред.След.

Вернуться в Скрипты для Blogger

Кто сейчас на конференции

Зарегистрированные пользователи: Bing [Bot], Google Feedfetcher, Yahoo [Bot], Yandex [Img]

cron
Работает на phpBB © 2000, 2002, 2005, 2007 phpBB Group. Дизайн ST Software и Blogger Форум. Русская поддержка phpBB
ЧПУ ссылки от phpbb seo