Не работает скрипты в модальном окне
привет..
не могу понять, уже второй скрипт пробую вставить в модальное окно но понимаю, скрипт не работает из за того что он именно в модальном окне..
<script>
как я вызваю модальное окошко
$('#balkon-left').click(function() {
var c = $('<div class="box-modal-pol" />');
c.html($('.modal-left').html());
c.prepend('<div class="box-modal_close arcticmodal-close">Закрыть</div>');
$.arcticmodal({
content: c
});
});
</script>
вот этот скрипт не хочет работать (((
<script type="text/javascript">
function setBigImage(foto) {
$("#adpdp14").attr('href', $(foto).parent('.it').children('a').attr('href'));
document.getElementById("dp14").src = foto.src;
}
</script>
Скрипт галереи которая не хочет работать в модальном окне
<div class="img">
<a href="gallery/img/1.jpg" rel="example_group" id="adpdp14">
<img src="gallery/img/1.jpg" id="dp14" style="margin-bottom: 3px;" alt="" /></a>
</div>
<div class="thumbs">
<div class="it"><a style="display:none;" href="gallery/img/1.jpg" rel="example_group"></a>
<img src="gallery/img/1.jpg" onclick='setBigImage(this);' alt="" /></div>
<div class="it"><a style="display:none;" href="gallery/img/3.jpg" rel="example_group"></a>
<img src="gallery/img/3.jpg" onclick='setBigImage(this);' alt="" /></div>
<div class="it"><a style="display:none;" href="gallery/img/4.jpg" rel="example_group"></a>
<img src="gallery/img/4.jpg" onclick='setBigImage(this);' alt="" /></div>
<div class="it"><a style="display:none;" href="gallery/img/5.jpg" rel="example_group"></a>
<img src="gallery/img/5.jpg" onclick='setBigImage(this);' alt="" /></div>
<div class="it"><a style="display:none;" href="gallery/img/6.jpg" rel="example_group"></a>
<img src="gallery/img/6.jpg" onclick='setBigImage(this);' alt="" /></div>
<div class="it"><a style="display:none;" href="gallery/img/7.jpg" rel="example_group"></a>
<img src="gallery/img/7.jpg" onclick='setBigImage(this);' alt="" /></div>
<div class="clr"></div>
</div>
короче галерея работает на странице. а когда ее вставляю в модальное всплывающее окно , она не работает, отображается , но фотки не переключаются.уже повсякому пробовал.. |
Нет у вас никакого модального окна, это элемент страницы, и значит нет проблем что-то получить или к чему-то обратиться.
А зачем в div.it вложены и изображения, и ссылки, если и то и другое ссылается на один и тот же адрес? |
я взял готовый скрипт галереи. где при нажатии на маленькие картинки меняется основная картинка.
да, у меня модальное окно скрыто сss'ом, и при нажатии на кнопочку появляется всплывающее окошко где эта галерея не работает |
Вложений: 1
вот так она выглядит
|
Значит у вас ошибки в путях (или это следствие копирования).
Не работать может в случае наличия ошибок в коде, неустановленных обработчиков, то есть установка производится при загрузке страницы, а сами элементы добавляются к ней динамически. То что показано как нерабочее вызываться будет обязательно, обработчик нативный. Наворочено в нем лишнего, да и что это за плагин такой, если требуется onclick='setBigImage(this);'. Может сначала документацию его почитать? |
в java я вообще ничего не понимаю ) мне просто нужно что бы работала галерея в окне.
на обычной странице же работает, в окне не работает. наверно в путях. |
нашел похожее, там вроде поменьше кода, но опять же не работает он в модальном окне... (
http://myrusakov.ru/javascript-script-gallery.html |
<script type="text/javascript">
function setBigImage(foto) {
document.getElementById("bigimg").src = foto.src;
}
</script>
<div class="modal-left g-hidden">
<p align="center"> </p>
<div class="modal-left">
<div>
<p style = 'text-align: center;'>
<img id = 'bigimg' src = 'gallery/img/1.jpg' height = '150' alt = 'Главное изображение' />
</p>
<table style = 'margin: 0 auto;' border = '1'>
<tr>
<td>
<img src = 'gallery/img/3.jpg' width = '100' onclick = 'setBigImage(this)' alt = 'Изображение 1' />
</td>
<td>
<img src = 'gallery/img/4.jpg' width = '100' onclick = 'setBigImage(this)' alt = 'Изображение 2' />
</td>
<td>
<img src = 'gallery3.jpg' width = '100' onclick = 'setBigImage(this)' alt = 'Изображение 3' />
</td>
</tr>
<tr>
<td>
<img src = 'gallery4.jpg' width = '100' onclick = 'setBigImage(this)' alt = 'Изображение 4' />
</td>
<td>
<img src = 'gallery5.jpg' width = '100' onclick = 'setBigImage(this)' alt = 'Изображение 5' />
</td>
<td>
<img src = 'gallery6.jpg' width = '100' onclick = 'setBigImage(this)' alt = 'Изображение 6' />
</td>
</tr>
</table>
</div>
</div>
левое
</div>
когда убираю класс g-hidden, галерея работает. |
Теперь камень преткновения стиль? Ну так зачем вы добавляете его всем элементам галереи, то есть скрываете их по родителю?
|
я уже все перепробовал.. а как мне еще скрыть это окно до нажатия кнопки показать тогда..
|
короче, давай за пиво мне подправишь через тайм вивер, а то я уже который день сижу на одно месте аж бесит.
скайп igorfelix89 |
Нет, пиво налитое через http имеет привкус паленой витой пары. :)
Я за пиво не работаю, да и пива хорошего на рынке нет, то что есть, это не пиво, а дерьмо. |
что тогда ?
|
Вариант А)
В сети этих галерей как собак не резанных. Берете любую, читаете документацию, прикручиваете ее к странице согласно описания и наслаждаетесь. Вариант Б) В той же сети есть масса плагинов, которые выводят панельки каким-то идиотом названные модальными, и которые могут отображать все что угодно - от простого текста до картинок. Взять такую, прочесть документацию, подключить. Вариант В) Написать самому, но не подходит в силу не знания предмета. Вариант Х) Заказ как работа. Но если это будет ко мне, то я буду требовать четкого описания задачи, потребую удалить всякие корявости серверной части, если таковые будут, и эта работа будет дороже валюты "пиво". |
| Часовой пояс GMT +3, время: 00:59. |