Слайдер - Сообщество uCoz

Слайдер

Сообщений: 2

Репутация: 0

Сообщение # 1 | 08:25:52 08 Ноя 2013

Здравствуйте. Помогите мне пожалуйста. Купил шаблон на сайте http://utemplate.pro. Не могу разобраться со слайдером. Слайдер работает только с фотоальбомом, т.е. фото и ссылка изображена с фотоальбома. Подскажите пожалуйста, а как можно сделать, так, что б я мог фото и ссылку указывать в ручную в коде. Уже кучу версий перепробовал которые мне пришли в голову, ничего не выходит.

Код информера:

Код

<div class="slide">
<img src="$FULL_PHOTO_DIRECT_URL$" alt="$PHOTO_NAME$">
<div class="slide-txt"><a href="$PHOTO_URL$">$PHOTO_NAME$</a></div>
</div>

Код блока:

Код

<section>
<div id="slider">
<div class="pane">
$MYINF_1$
</div>
</div>
</section>

За ранее благодарен. Буду очень рад если поможете.

medklv

Сообщений: 3

Репутация: 0

Сообщение # 2 | 10:11:11 08 Ноя 2013

а в css что прописано?

Amsterdam_Rain

Сообщений: 19

Репутация: 3

Сообщение # 3 | 16:25:20 09 Ноя 2013

Код

<section>
<div id="slider">
<div class="pane">

         <div class="slide">
         <img src="ссылка на ваше изображение" alt="ваш алт">
         <div class="slide-txt"><a href="ссылка на материал, новость и.т.д">что то напишите</a></div>
         </div>

         <div class="slide">
         <img src="ссылка на ваше изображение2" alt="ваш алт">
         <div class="slide-txt"><a href="ссылка на материал, новость и.т.д">что то напишите 2</a></div>
           </div>



</div>
</div>
</section>

попробуйте так как я написал в коде выше - там поменяйте все в ковычках (ссылки на изображения, аlt , тайтл ссылки ...)

копируйте блок "slide" и вставьте на сколько изображений вам надо.

Надеюсь вам это поможет.

Coolerok

Сообщений: 2

Репутация: 0

Сообщение # 4 | 07:37:41 11 Ноя 2013

Спасибо, я разобрался к счастью сам еще в тот же день =)

Почти как вы мне и рекомендовали, вот что я сделал

Код

<section>
<div id="slider">
<div class="pane">
<ul>
  <div class="slide">
  <img src="Ссылка на изображение" alt="" />
  </ul>

<ul>
  <div class="slide">
  <img src="Ссылка на изображение" alt="" />
  <div class="slide-txt">
  <a href="ссылка">Текст</a></div>
  </ul>

<ul>
  <div class="Ссылка на изображение">
  <img src="/slide/3.png" alt="" />
  </ul>

<ul>
  <div class="slide">
  <img src="Ссылка на изображение" alt="" />
  </ul>

<ul>
  <div class="slide">
  <img src="Ссылка на изображение" alt="" />
  </ul>
</div>
</div>
</section>

Amsterdam_Rain

Сообщений: 19

Репутация: 3

Сообщение # 5 | 15:10:00 11 Ноя 2013

Coolerok с точки зрения синтаксиса html - мой код корректнее.

Не стоит использовать лишние <ul> - тем более если вы не будете использовать списки <li>.

Если у вас была идея избавится от div-ов то можно в css уже создать класс для <ul> если вы хотели использовать списки и изменить в эту сторону все, тем самым оптимизируя код.

Страница 1 из 1 1
Модератор форума: Yuri_G