0

クライアント プロジェクトにレスポンシブ スライドを使用しています。リンク付きのスライダー画像に「続きを読む」ボタンを追加する必要があります。予想される答えを得るために、Googleとstackoverflowを検索しました。そこで、質問することにしました。以下に、スライダーに対して現在行っているコードを追加しました。私はJavascriptとJQueryが初めてです。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="responsiveslides.min.js"></script>
<link rel="stylesheet" src="responsiveslides.css"></link>
<div class="rslides_container">
  <ul class="rslides" id="slider">
    <li><img src="1.jpg" alt=""></li>
    <li><img src="2.jpg" alt=""></li>
    <li><img src="3.jpg" alt=""></li>
  </ul>
</div>

<script>
    $(function () {
        $("#slider").responsiveSlides({
            auto: true,
    pager: true,
    pause: true,           // Boolean: Pause on hover, true or false
    pauseControls: true,    // Boolean: Pause when hovering controls
            nav: true,
            speed: 500,
            maxwidth: 800,
    manualControls: "",     // Selector: Declare custom pager navigation
    namespace: "rslides",   // String: Change the default namespace used
    before: function(){},   // Function: Before callback
    after: function(){}     // Function: After callback
        });
     });
</script>
4

0 に答える 0