как може да стане това

rado0

Registered
здравейте, как може примерно като тук http://www.top-obiavi.net/обява-82273 при снимките като натисне6 на някоя от тях да ти се показва в тази по-голямата горната?
 
аха мерси нямам си и понятие от jquery а ми трябва да направя нещо подобно.
Можете ли да ми помогнете?
 
Код:
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("[rel=fade]").click(function() {
$("#big").hide();
$("#big").fadeIn("slow");
$("#big").attr("src",$(this).attr("href"));
return false;
});
});
</script>
<img id="big" src="http://www.adamdorman.com/_images/gradient.jpg" width="286" height="236" /><br />
<a href="http://www.lipsum.com/images/banners/grey_250x250.gif" rel="fade"><img src="http://www.lipsum.com/images/banners/grey_250x250.gif" width="120" height="80" /></a>
<a href="http://www.lipsum.com/images/banners/black_250x250.gif" rel="fade"><img src="http://www.lipsum.com/images/banners/black_250x250.gif" width="120" height="80" /></a>
Само добавяш нови линкове които да водят до картинката а на самия линк слагаш rel="fade" а вътре в него слагаш картинката
 
marian каза:
Код:
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("[rel=fade]").click(function() {
$("#big").hide();
$("#big").fadeIn("slow");
$("#big").attr("src",$(this).attr("href"));
return false;
});
});
</script>
<img id="big" src="http://www.adamdorman.com/_images/gradient.jpg" width="286" height="236" /><br />
<a href="http://www.top-obiavi.net/uploads/obqvi/6e796671d9bab6d584ff2975ce87f8a8.jpg" rel="fade"><img src="http://www.top-obiavi.net/uploads/obqvi/6e796671d9bab6d584ff2975ce87f8a8.jpg" width="120" height="80" /></a>
<a href="http://www.top-obiavi.net/uploads/obqvi/6e796671d9bab6d584ff2975ce87f8a82.jpg" rel="fade"><img src="http://www.top-obiavi.net/uploads/obqvi/6e796671d9bab6d584ff2975ce87f8a82.jpg" width="120" height="80" /></a>
Само добавяш нови линкове които да водят до картинката а на самия линк слагаш rel="fade" а вътре в него слагаш картинката

Не нарушаваш ли правата на сайта, по този начин?
 
Код:
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
   $(".omc").click(function(event){
     $("#ohmayc").attr('src', this.src);
   });
 });
 </script>
<img id="ohmayc" src="http://groovemanifesto.hit.bg/articles/code/practicalcss/image1.gif" />
<img class="omc" src="http://groovemanifesto.hit.bg/articles/code/practicalcss/image1.gif" />
<img class="omc" src="http://groovemanifesto.hit.bg/articles/code/practicalcss/image2.gif" />
<img class="omc" src="http://groovemanifesto.hit.bg/articles/code/practicalcss/image3.gif" />
току що го написах тва, дано ти помогне да го схванеш :)
 

Back
Горе