Duyuruyu Kapat
Facebook Gözat
Twitter Gözat

Slider yapımı thumb parametre yardım ?

Konu, 'PHP' kısmında ErcanKoc tarafından paylaşıldı.

Etiketler:
  1. ErcanKoc

    ErcanKoc Yeni Üye

    Kayıt:
    24 Aralık 2018
    Mesajlar:
    1
    Beğenilen Mesajlar:
    0
    Şehir:
    istanbul
    Selam arkadaşlar bir slider yapmaya çalışıyorum fakat parametreleri thumbs bölümüne nasıl geçireceğimi bilmiyorum.
    yardım ederseniz minettar kalırım.

    bu html kodlar:
    HTML:
        <!-- slider -->
        <div class="slider">
            <div class="socials">
                <a href="#" class="facebook-ico">facebook-ico</a>
                <a href="#" class="twitter-ico">twitter-ico</a>
                <a href="#" class="skype-ico">skype-ico</a>
                <a href="#" class="rss-ico">rss-ico</a>
                <div class="cl">&nbsp;</div>
            </div>
    
            <div class="arrs">
                <a href="#" class="prev-arr"></a>
                <a href="#" class="next-arr"></a>
            </div>
    
            <ul>
                <li id="img1">
                    <div class="slide-cnt">
                        <h4>Heading Title Goes</h4>
                        <h2>Just Like That</h2>
                        <p>Acor porta mi, non venenatis augue imperdiet quis. Nam faucibus, felis ut suscipit vulputate, tortor quam ultricies neque, eget dignissim elit urna a metus. Aliquam sed quam dui, id lacinia nunc. <a href="#">read more</a></p>
                    </div>
                    <img src="css/images/mac-img.png" alt="" />
                </li>
    
                <li id="img2">
                    <div class="slide-cnt">
                        <h4>Heading Title Goes</h4>
                        <h2>Just Like That</h2>
                        <p>Acor porta mi, non venenatis augue imperdiet quis. Nam faucibus, felis ut suscipit vulputate, tortor quam ultricies neque, eget dignissim elit urna a metus. Aliquam sed quam dui, id lacinia nunc. <a href="#">read more</a></p>
                    </div>
                    <img src="css/images/mac-img.png" alt="" />
                </li>
    
                <li id="img3">
                    <div class="slide-cnt">
                        <h4>Heading Title Goes</h4>
                        <h2>Just Like That</h2>
                        <p>Acor porta mi, non venenatis augue imperdiet quis. Nam faucibus, felis ut suscipit vulputate, tortor quam ultricies neque, eget dignissim elit urna a metus. Aliquam sed quam dui, id lacinia nunc. <a href="#">read more</a></p>
                    </div>
                    <img src="css/images/mac-img.png" alt="" />
                </li>
    
                <li id="img4">
                    <div class="slide-cnt">
                        <h4>Heading Title Goes</h4>
                        <h2>Just Like That</h2>
                        <p>Acor porta mi, non venenatis augue imperdiet quis. Nam faucibus, felis ut suscipit vulputate, tortor quam ultricies neque, eget dignissim elit urna a metus. Aliquam sed quam dui, id lacinia nunc. <a href="#">read more</a></p>
                    </div>
                    <img src="css/images/mac-img.png" alt="" />
                </li>
    
            </ul>
        </div>
        <!-- end of slider -->
    
        <!-- thumbs -->
        <div id="thumbs-wrapper">
            <div id="thumbs">
                <a href="#img1" class="selected"><img src="css/images/thumb.png"/></a>
                <a href="#img2"><img src="css/images/thumb2.png" /></a>
                <a href="#img3"><img src="css/images/thumb3.png" /></a>
                <a href="#img4"><img src="css/images/thumb4.png" /></a>
            </div>
            <a id="prev" href="#"></a>
            <a id="next" href="#"></a>
        </div>
        <!-- end of thumbs -->
    </div>
    
    Buda Benim yaptığım ve sorgum:

    Ul tagının içine sorgumu yapıyorum bunda sorun yok:

    PHP:
    <ul>
    <?php
    $catid 
    intval(1);
    $getir postslider($catid);
    foreach(
    $getir as $row){
    ?>
    <li id="img<?php echo intval($row['id']);?>">
    <div class="slide-cnt">
    <h2><?php echo test_input($row['title']);?></h2>
    <p><?php echo test_input($row['subject']);?></p>
    <a href="<?php echo test_input($row['news_url']);?>/" title="<?php echo test_input($row['title']);?>"><strong>Devamı</strong></a>
    </div>
    <img src="images/posts/<?php echo $row['img'];?>" alt="<?php echo test_input($row['title']);?>" title="<?php echo test_input($row['title']);?>" height="300" width="400"/>
    </li>
    <?php }?>
    </ul>
    </div>
    buraya kadar tamam ancak yukardaki id ve resmin aynısını alttaki thumbs bmlümüne nasıl geçireceğim hakkında en ufak bir fikrim yok , sanırım sayfalamadaki gibi count falan yapmalıyım ama gerçekten hiç fikrim yok.
    şimdiden yardımlarınız için teşekkürler.

    HTML:
        <!-- thumbs -->
        <div id="thumbs-wrapper">
            <div id="thumbs">
                <a href="#img1" class="selected"><img src="css/images/thumb.png"/></a>
                <a href="#img2"><img src="css/images/thumb2.png" /></a>
                <a href="#img3"><img src="css/images/thumb3.png" /></a>
                <a href="#img4"><img src="css/images/thumb4.png" /></a>
            </div>
            <a id="prev" href="#"></a>
            <a id="next" href="#"></a>
        </div>
        <!-- end of thumbs -->