• 03-06-2014, 21:46:27
    #1
    Merhaba
    buradan bakabilirsiniz

    bu kodlardaki küçük resimlere tıklayınca büyük resmin olduğu yerde kendi büyük resmin gelmesi lazım ama sanırım kodlarda bir eksik var yardımcı olabilirsiniz?

                        <section class="product-info">
                            <div class="container">
                                <div class="row">
    
                                    <div class="span4">
                                        <div class="product-images">
                                            <div class="box">
                                                <div class="primary">
                                                    <img src="img/thumbnails/db_file_img_228_480xauto.jpg" data-zoom-image="img/thumbnails/db_file_img_228_640xauto.jpg" alt="Chaser Overalls" />
                                                </div>
    
                                                <div class="thumbs" id="gallery">
                                                    <ul class="thumbs-list">
                                                        <li>
                                                            <a class="active" href="#" data-image="img/thumbnails/db_file_img_228_480xauto.jpg" title="Chaser Overalls" data-zoom-image="img/thumbnails/db_file_img_228_640xauto.jpg">
                                                                <img src="img/thumbnails/db_file_img_228_160xauto.jpg" alt="Chaser Overalls" />
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="#" data-image="img/thumbnails/db_file_img_229_480xauto.jpg" title="Chaser Overalls" data-zoom-image="img/thumbnails/db_file_img_229_640xauto.jpg">
                                                                <img src="img/thumbnails/db_file_img_229_160xauto.jpg" alt="Chaser Overalls" />
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="#" data-image="img/thumbnails/db_file_img_227_480xauto.jpg" title="Chaser Overalls" data-zoom-image="img/thumbnails/db_file_img_227_640xauto.jpg">
                                                                <img src="img/thumbnails/db_file_img_227_160xauto.jpg" alt="Chaser Overalls" />
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </div>
  • 03-06-2014, 23:29:40
    #2
    Belirttiginiz kodlara bakamadim suan telden girdigim icin ancak isterseniz daha once yaptigim bi ornegi baz alarak uyarlayabilirsiniz hizlica. Cozemezseniz yardimci olmaya calisicam

    jsfiddle.net/oguzz/jRrkr/17/

    GT-I9300 cihazımdan Tapatalk kullanılarak gönderildi
  • 04-06-2014, 00:28:02
    #3
    Resimlerin büyük hali senin hostunda yokki çıksın.. misal hani nerde bu resim : )
    http://missgehome.com/img/thumbnails...9_480xauto.jpg

    diğerleride aynen eksik...
  • 04-06-2014, 03:06:16
    #4
    Protex adlı üyeden alıntı: mesajı görüntüle
    Resimlerin büyük hali senin hostunda yokki çıksın.. misal hani nerde bu resim : )
    http://missgehome.com/img/thumbnails...9_480xauto.jpg

    diğerleride aynen eksik...

    http://missgehome.com/img/thumbnails...9_480xauto.jpg

    olsada çıkmıyor
    bakınız

    --R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 03:06:16 -->-> Daha önceki mesaj 03:05:43 --

    EkolWeb adlı üyeden alıntı: mesajı görüntüle
    Belirttiginiz kodlara bakamadim suan telden girdigim icin ancak isterseniz daha once yaptigim bi ornegi baz alarak uyarlayabilirsiniz hizlica. Cozemezseniz yardimci olmaya calisicam

    jsfiddle.net/oguzz/jRrkr/17/

    GT-I9300 cihazımdan Tapatalk kullanılarak gönderildi
    denedim ama yapamadım
    paylaşmış olduğum kod üzerinden bakabilirimisiniz?
  • 04-06-2014, 09:48:49
    #5
    herhangi bir javascript dosyasına şu kodu ekle hocam;

    	$('div#gallery ul.thumbs-list li a').click(function(){
    		$('div.product-images div.primary img').attr('src', $(this).data('image'));
    	});
  • 04-06-2014, 16:23:23
    #6
    teşekkür ederim oldu
  • 05-06-2014, 00:51:49
    #7
    şimdide şöyle bir sorunum var
    sunucuda i class yani image class lar sitede karakter hatası gibi gözüküyor çıkmıyor. localde yani kendi bilgisayarımızda sorun yok bunun sebebi ne olabiliir?

    bakınız