Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Как в слайдере на jQuery вывести к фото сопровождающий текст?
 
 автор: netas   (21.04.2011 в 16:53)   письмо автору
 
 

Нашел хороший слайдер, прокручивает контент.
Но возникла необходимость выводить в отдельном блоке текст, соответствующий выводимым фотографиям.
В Javascript разбираюсь плохо, хотелось бы попросить помощи, как это можно сделать.
Сопровождающий текст будет браться из базы, может вставлять его в title или alt фотки?
Но всё-равно не знаю как это делается.
Скрипт не выкладываю, может просто подскажете на что обратить внимание?
Если нужно, выложу полностью.

  Ответить  
 
 автор: elenaki   (21.04.2011 в 17:25)   письмо автору
 
   для: netas   (21.04.2011 в 16:53)
 

есть куча галерей на jQuery, в т.ч. и такие, которые предлагают описание к фоткам помещать
в отдельный слой и выводить или сразу или по наведению на фотку. не зная, какая именно у
вас галерея, как можно что-то советовать?

  Ответить  
 
 автор: netas   (21.04.2011 в 17:47)   письмо автору
 
   для: elenaki   (21.04.2011 в 17:25)
 

У меня anythingSlider.
Вроде подошёл по всем параметрам, пересмотрел кучу других, не подошли.
Может посоветуете?

  Ответить  
 
 автор: elenaki   (21.04.2011 в 18:30)   письмо автору
 
   для: netas   (21.04.2011 в 17:47)
 

мне эта нравится. текст не маячит постоянно, а всплывает, когда нужно.
http://anton.shevchuk.name/google/google-photogallery-picasa-ru/

  Ответить  
 
 автор: AlexSol   (21.04.2011 в 18:05)   письмо автору
 
   для: netas   (21.04.2011 в 16:53)
 

там контентом может выступать любое содержимое.
например картинку ставим фоном, текст идет поверх.

сверстайте как хотите чтобы выглядело и смело ставьте в <li></li> любой html код

<div class=anythingSlider>
<ul><li style="bashkgound-image:url()">текст </li>
....

  Ответить  
 
 автор: netas   (21.04.2011 в 20:10)   письмо автору
 
   для: AlexSol   (21.04.2011 в 18:05)
 

Пытаюсь сделать так:

<li style="background-image:url(images/1.jpg)"><div id="text">text text text text</div></li>

#text{
                     position:absolute;
    width:300px;
    height:200px;
    border:1px solid grey;
    top:500px;
    left:100px;
}
но что-то вообще не могу найти этот текст на странице.
Вообще, так правильно?

  Ответить  
 
 автор: AlexSol   (21.04.2011 в 20:35)   письмо автору
 
   для: netas   (21.04.2011 в 20:10)
 

добавьте обертку из <div> с position:relative

  Ответить  
 
 автор: netas   (21.04.2011 в 21:04)   письмо автору
 
   для: AlexSol   (21.04.2011 в 20:35)
 

Не, не работает.
Это надо где-то в скрипте что-то менять, но что?

  Ответить  
 
 автор: AlexSol   (21.04.2011 в 21:54)   письмо автору
 
   для: netas   (21.04.2011 в 21:04)
 

<li style="background-image:url(images/1.jpg)"><div style="position:relative"><div id="text">text text text text</div></div></li>

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования