есть 6 маленьких картинок в одной дивке, и вторая дивка, в которой при нажатии на картинку из первой вылазит значения (предварительно мною заданные) пути к большой картинке и ссылка на страницу описания(соответствующую по отдельности к каждой маленькой картинке)
надеюсь понятно объяснил)
Плиз, не поскупитесь на внятный ответ, обещаю сесть за изучение Ява Скрипта сразу как сдам проект и не буду задавать тупых вопросов)))
Реализация в ПХП проста, но обязательна без перезагрузки)
Спустя 1 час, 33 минуты, 33 секунды (15.03.2012 - 08:01) Игорь_Vasinsky написал(а):
DIV с ID - вместо картинок
Специально индексы 1,2,3 у ID картинок и текстовых блоков
<!--в этом блоке "превьюшки картинок"-->
<div id="image1" onclick="viewDesc(1)">
<div>
<div style="width:20px; height:20px; background-color:red; cursor:pointer"></div>
</div>
<div id="image2" onclick="viewDesc(2)">
<div style="width:20px; height:20px; background-color:green; cursor:pointer"></div>
</div>
<div id="image3" onclick="viewDesc(3)">
<div style="width:20px; height:20px; background-color:blue; cursor:pointer"></div>
</div>
</div>
<!--сдесь скрытые блоки с текстом для каждой превьюшки-->
<div style="display: none;" id="text1">Описание к первой картинке</div>
<div style="display: none;" id="text2">Описание ко второй картинке</div>
<div style="display: none;" id="text3">Описание к третьей картинке</div>
<!--Блок в котором будет показываться картинка с описанием-->
<div id="view" style="width: 200px; height: 200px; border: 1px solid gray"></div>
Специально индексы 1,2,3 у ID картинок и текстовых блоков
<script type="text/javascript">
function viewDesc(id)
{
var image = document.getElementById('image' + id).innerHTML;
var text = document.getElementById('text' + id).innerHTML;
var blockView = document.getElementById('view');
blockView.innerHTML = image + text;
}
</script>
Спустя 4 часа, 11 минут, 49 секунд (15.03.2012 - 12:13) dron4ik написал(а):
Спасибо большое)
Спустя 1 день, 16 часов, 51 минута, 22 секунды (17.03.2012 - 05:04) dron4ik написал(а):
Привет, снова)
А подскажите плиз возможно ли сделать всплывающее окно с ХТМЛ внутри при нажатии на ссылку, знаю что можнo, но, я знаю как поднять конкретное окно с конкретным содержанием, но, есть сайт, на страничке идет вывод названий статей с видео, и картинка, а само видео спрятано в теле статьи, в общем выводе его нет! Список видео статей может пополняться произвольно, как реализовать видимость дивки именно с тем контентом который внутри?
<a>
Название
</a>
<a>
Картинка
</a>
<div style="display: none;">
Код видоса
</div>
Вариант с индивидуальными Ид отпадает.
Заранее благодарю)
А подскажите плиз возможно ли сделать всплывающее окно с ХТМЛ внутри при нажатии на ссылку, знаю что можнo, но, я знаю как поднять конкретное окно с конкретным содержанием, но, есть сайт, на страничке идет вывод названий статей с видео, и картинка, а само видео спрятано в теле статьи, в общем выводе его нет! Список видео статей может пополняться произвольно, как реализовать видимость дивки именно с тем контентом который внутри?
<a>
Название
</a>
<a>
Картинка
</a>
<div style="display: none;">
Код видоса
</div>
Вариант с индивидуальными Ид отпадает.
Заранее благодарю)
Спустя 39 минут, 43 секунды (17.03.2012 - 05:44) Игорь_Vasinsky написал(а):
id очень удобен, зря тыы так., но кроме можно обращаться к элементу - this
Спустя 2 часа, 7 минут, 58 секунд (17.03.2012 - 07:52) dron4ik написал(а):
Удобен, не спорю, к тому же есть на него решение... Но дело в том что я не могу знать ИД заранее, а редактировать код, хоть и спецом вынесенный, неудобно)))
_____________
Ex3m.com.ua — Активный образ жизни