none
Sliderde küçük resme tıklayınca buyük resmin açılması sorunu, repeater la çekemiyorum RRS feed

  • Soru

  • Repeaterla sql den gelen verileri slayta sorunsuz göme biliyordum ama bu slaytın kodlarında resmin büyüğü ile küçüğünü ayrı ayrı çağırıyor sanırım yani tek satır div içindekileri çevirmek yetmiyor hep aynı resim çıkıyor. büyük ve küçük resme id vermek ve bu id ye görede çağırmak gerekiyor,  bunu nasıl yapabilirim doğrusu nedir

    sliderin orijinal kodu

                               <div class="carousel_wrap">
                                        <div id="carousel-wrapper">
                                            <div id="carousel_two" class="cool-carousel">
                                                <span id="image1"><img src="http://placehold.it/840x311" alt=""/></span>
                                                <span id="image2"><img src="http://placehold.it/840x311" alt="" /></span>
                                                <span id="image3"><img src="http://placehold.it/840x311" alt="" /></span>
                                               </div>
                                            <a href="#" class="prev"></a><a href="#" class="next"></a>
                                        </div>
    
                                        <div class="carousal-bottom">
                                            <div id="thumbs-wrapper">
                                                <div id="thumbs">
                                                    <a href="#image1" class="selected"><img src="http://placehold.it/97x74"  alt="" /></a>
                                                    <a href="#image2"><img src="http://placehold.it/97x74" alt="" /></a>
                                                    <a href="#image3"><img src="http://placehold.it/97x74" alt="" /></a>
                                                  </div>
                                                <a id="prev" href="#"></a>
                                                <a id="next" href="#"></a>
                                            </div>
                                        </div>
    
                                        <span class="border"></span>
                                    </div>
    bunu nasıl yapabilirim


    • Düzenleyen EEymen 10 Temmuz 2016 Pazar 14:05
    10 Temmuz 2016 Pazar 14:03

Yanıtlar

  • <div class="carousel_wrap">
        <div id="carousel-wrapper">
            <div id="carousel_two" class="cool-carousel">
                <asp:Repeater id="repeaterBigImages" runat="server">
                    <ItemTemplate>
                        <span id='<%# Eval("Id", "image{0}") %>' runat="server"><asp:Image ImageUrl='<%# Eval("Url") %>' /></span>
                    </ItemTemplate>
                </asp:Repeater>
            </div>
            <a href="#" class="prev"></a><a href="#" class="next"></a>
        </div>
    
        <div class="carousal-bottom">
            <div id="thumbs-wrapper">
                <div id="thumbs">
                    <asp:Repeater id="repeaterSmallImages" runat="server">
                        <ItemTemplate>
                            <a href='<%# Eval("Id", "#image{0}") %>' class='<%#Eval("Selected")%>' runat="server"><asp:Image ImageUrl='<%# Eval("Url") %>' /></a>
                        </ItemTemplate>
                    </asp:Repeater>
                </div>
                <a id="prev" href="#"></a>
                <a id="next" href="#"></a>
            </div>
        </div>
        <span class="border"></span>
    </div>



    e-mail: onay[nokta]yalciner[at]hotmail[nokta]com

    • Yanıt Olarak İşaretleyen EEymen 11 Temmuz 2016 Pazartesi 19:02
    11 Temmuz 2016 Pazartesi 09:01
    Moderatör

Tüm Yanıtlar

  • <div class="carousel_wrap">
        <div id="carousel-wrapper">
            <div id="carousel_two" class="cool-carousel">
                <asp:Repeater id="repeaterBigImages" runat="server">
                    <ItemTemplate>
                        <span id='<%# Eval("Id", "image{0}") %>' runat="server"><asp:Image ImageUrl='<%# Eval("Url") %>' /></span>
                    </ItemTemplate>
                </asp:Repeater>
            </div>
            <a href="#" class="prev"></a><a href="#" class="next"></a>
        </div>
    
        <div class="carousal-bottom">
            <div id="thumbs-wrapper">
                <div id="thumbs">
                    <asp:Repeater id="repeaterSmallImages" runat="server">
                        <ItemTemplate>
                            <a href='<%# Eval("Id", "#image{0}") %>' class='<%#Eval("Selected")%>' runat="server"><asp:Image ImageUrl='<%# Eval("Url") %>' /></a>
                        </ItemTemplate>
                    </asp:Repeater>
                </div>
                <a id="prev" href="#"></a>
                <a id="next" href="#"></a>
            </div>
        </div>
        <span class="border"></span>
    </div>



    e-mail: onay[nokta]yalciner[at]hotmail[nokta]com

    • Yanıt Olarak İşaretleyen EEymen 11 Temmuz 2016 Pazartesi 19:02
    11 Temmuz 2016 Pazartesi 09:01
    Moderatör
  • $(window).load(function() {
      // The slider being synced must be initialized first
      $('#carousel').flexslider({
        animation: "slide",
        controlNav: false,
        animationLoop: false,
        slideshow: false,
        itemWidth: 210,
        itemMargin: 5,
        asNavFor: '#slider'
      });
     
      $('#slider').flexslider({
        animation: "slide",
        controlNav: false,
        animationLoop: false,
        slideshow: false,
        sync: "#carousel"
      });
    });
    

    <!-- Place somewhere in the <body> of your page -->
    <div id="slider" class="flexslider">
      <ul class="slides">
        <li>
          <img src="slide1.jpg" />
        </li>
        <li>
          <img src="slide2.jpg" />
        </li>
        <li>
          <img src="slide3.jpg" />
        </li>
        <li>
          <img src="slide4.jpg" />
        </li>
        <!-- items mirrored twice, total of 12 -->
      </ul>
    </div>
    <div id="carousel" class="flexslider">
      <ul class="slides">
        <li>
          <img src="slide1.jpg" />
        </li>
        <li>
          <img src="slide2.jpg" />
        </li>
        <li>
          <img src="slide3.jpg" />
        </li>
        <li>
          <img src="slide4.jpg" />
        </li>
        <!-- items mirrored twice, total of 12 -->
      </ul>
    </div>
    

    ÖRNEK


    Birinin cevabi size yardimci oldu ise, lutfen "Yanit olarak Oner" veya "Yanit Olarak Isaretle" olarak isaretlemeyi ve Oy vermeyi unutmayiniz. Burada saglanan tum gorusler, kisiseldir ve Microsoft'un konumunu temsil etmemektedir. Tum bilgiler hazir olarak temin edilmektedir ve hergangi bir garanti vermemektedir.

    11 Temmuz 2016 Pazartesi 09:02
    Moderatör
  • :)  evet çok basitçe iki repeaterla hallettim
    çok basitmiş

    peki slider tıklayıncahareket ediyor bunu otomatik nasıl yapabilirim yani kendi slayt geçsin amaben tıklarsam da resme gitsin istiyorum
    11 Temmuz 2016 Pazartesi 19:02