как передать значения в большие пальцы в слайдере? - PullRequest
Новая
       20

как передать значения в большие пальцы в слайдере?

0 голосов
/ 24 декабря 2018

Я пытаюсь создать слайдер для своего блога, под слайдером есть большие пальцы, мне нужно передать значения (id и изображение), используемые в слайдере, большим пальцам, чтобы он работал.

Мне нужна ваша помощьЯ получил часть слайдера, но не знаю, как передать значения в часть большого пальца.Спасибо за любую помощь или хороший пример ссылки.

Вот мой код слайдера:

Ниже я попробовал.У меня нет идеи, что попробовать для больших пальцев, поэтому у меня нет примеров, которые я пробовал. 

<div class="slider-holder">
<div class="slider">
    <div class="arrs">
        <a href="#" class="prev-arr" title="<?php $d; ?>"></a>
        <a href="#" class="next-arr" title="<?php $d; ?>"></a>
    </div>
    <ul>
    <?php
    $cid = intval(1);
    $getir = postslider($cid);
    foreach($getir as $row){ ?> 
    <li id="img<?php echo intval($row['id']);?>">
        <div class="slide-cnt">
            <h2><?php echo filter_text($row['title']);?></h2>
            <p><?php echo filter_text($row['subject']);?></p>
            <a href="<?php echo filter_text($row['news_url']);?>/" title="<?php echo filter_text($row['title']);?>"><strong>more</strong></a>
        </div>
        <img src="images/posts/<?php echo $row['img'];?>" alt="<?php echo filter_text($row['title']);?>" title="<?php echo filter_text($row['title']);?>" height="300" width="400"/>
    </li>
    <?php } unset($stmtc); ?>
    </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>
        <a href="#img5"><img src="css/images/thumb.png" /></a>
        <a href="#img6"><img src="css/images/thumb2.png" /></a>
        <a href="#img7"><img src="css/images/thumb3.png" /></a>
        <a href="#img8"><img src="css/images/thumb4.png" /></a>
    </div>
    <a id="prev" href="#"></a>
    <a id="next" href="#"></a>
    </div>
    <!-- end of thumbs -->              
</div>

1 Ответ

0 голосов
/ 24 декабря 2018

Вы можете установить пустой контейнер с идентификатором и тегом изображения для отображения изображений.Затем, используя jQuery, получите изображение src из эскиза изображения и вставьте его в контейнер дисплея.Посмотрите на эти ссылки :)

jQuery получить изображение src

https://www.w3schools.com/jquery/jquery_dom_get.asp

...