[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: помогите со скприптом
maximka787
Ребят, подскажите пожалуйста. Надо чтобы при клике по ссылке картинка заменялась. первый раз кодил jquery и вот что получилось.
<script type="text/javascript">

function
show_image($pict)
{
$("#pict").empty();
$("#pict").append('<a href="'+ $pict +'" class="fb"><img src="'+ $pict +'" /></a>');
}

$('.fb').fancybox({});
</script>

<div
id="pict">
<a
href="file1.jpg"><img src="file1.jpg" class="fb" /></a>
</div>

<img
src="file1.jpg" onmouseover="show_image('file1.jpg')" />
<img
src="file2.jpg" onmouseover="show_image('file2.jpg')" />


все паразительно работает))) но fancybox не применяется после замены. ДО замены срабатывает.



Спустя 18 минут, 36 секунд (26.12.2011 - 14:31) alexbel2404 написал(а):
<script type="text/javascript">

function
show_image($pict)
{
$("#pict").empty();
$("#pict").append('<a href="'+ $pict +'" class="fb"><img src="'+ $pict +'" /></a>');
$('.fb').fancybox({});
}

$('.fb').fancybox({});
</script>

<div
id="pict">
<a
href="file1.jpg"><img src="file1.jpg" class="fb" /></a>
</div>

<img
src="file1.jpg" onmouseover="show_image('file1.jpg')" />
<img
src="file2.jpg" onmouseover="show_image('file2.jpg')" />


А попробуй вот так. Тут проблема из-за того что контент меняется, и fancybox не цепляется к новым элементам.

Спустя 4 минуты, 6 секунд (26.12.2011 - 14:35) maximka787 написал(а):
alexbel2404
это ведь мой скрипт без изменений?

Спустя 53 минуты, 46 секунд (26.12.2011 - 15:29) maximka787 написал(а):
ребят я разобрался. подскажите если знаете как передать имя файла в функцию???

$(function(){					
$(".change").click(function(){
$("#img").attr("src", !!!!!file1.jpg!!!!!);
});
});

<img src="" id="img" />

<a
href="file1.jpg" class="change">Change</a>
<a
href="file2.jpg" class="change">Change</a>
<a
href="file3.jpg" class="change">Change</a>

Спустя 45 минут, 12 секунд (26.12.2011 - 16:14) sharki написал(а):
$(function(){					
$(".change").click(function(){
var img = $(this).attr('href');
$("#img").attr("src", img );
});
});


_____________
..Работает - не трогай!
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.