Pomoc przy sliderze jquery

[PawelS]

Dziwne, że mi na moim forum oraz czystym działało, a teraz miałem zlecenie do wykonania opierające się na tym kodzie i również nie działało tak jak Wam.
Zabrakło tego 1%.

Poniżej instrukcja raz jeszcze w jednym poście:

Do ipb_styles.css na samym dole dodaj:

/* Basic jQuery Slider essential styles */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

#banner-fade,
#banner-slide{
    margin-bottom: 60px;
}

ul.bjqs-controls.v-centered li a{
    display:block;
    padding:10px;
    background:#fff;
    color:#000;
    text-decoration: none;
}

ul.bjqs-controls.v-centered li a:hover{
    background:#000;
    color:#fff;
}

ol.bjqs-markers li a{
    padding:5px 10px;
    background:#000;
    color:#fff;
    margin:5px;
    text-decoration: none;
}

ol.bjqs-markers li.active-marker a,
ol.bjqs-markers li a:hover{
    background: #999;
}

p.bjqs-caption{
    background: rgba(255,255,255,0.5);
}

w globalTemlate daj tam gdzie chcesz:

      <div id="banner-fade">

        <!-- start Basic Jquery Slider -->
        <ul class="bjqs">
          <li><img src="{style_images_url}/PLIK1.jpg" title="Automatically generated caption"></li>
          <li><img src="{style_images_url}/PLIK2.jpg" title="Automatically generated caption"></li>
          <li><img src="{style_images_url}/PLIK3.jpg" title="Automatically generated caption"></li>
        </ul>
        <!-- end Basic jQuery Slider -->

      </div>

PAMIĘTAJ, aby wgrać pliki PLIK1.JPG, PLIK2.JPG, PLIK3.JPG do folderu public/style_images/Twoj_styl/

 

w includeJS na samym dole dodaj:

<script type='text/javascript' src='http://code.jquery.com/jquery-1.7.1.min.js'></script>
<script type='text/javascript' src='{$this->settings['js_base_url']}js/bjqs-1.3.min.js'></script>
<script type='text/javascript' src='{$this->settings['js_base_url']}js/libs/jquery.secret-source.min.js'></script>
<script class="secret-source">
jQuery(document).ready(function($) {

$('#banner-fade').bjqs({
height : 320,
width : 620,
responsive : true
});

});
</script>

to wgraj na ftp
public.zip

Edytowane 14 Listopada 2013 przez PawelS

[artrix]

@UP wszystko śmiga :>

[BitGit]

PawelS u mnie też działa Podejrzewam, że kłopoty kolegów wynikają z konfliktu js 

 

Proponuje małą modyfikację kodu: 

 

znajdź:

<script class="secret-source">
jQuery(document).ready(function($) {

$('#banner-fade').bjqs({
height : 320,
width : 620,
responsive : true
});

});
</script>

i zastąp:

<script class="secret-source">
    var jQuery = jQuery.noConflict();
jQuery(document).ready(function(jQuery) {

jQuery('#banner-fade').bjqs({
height : 343,
width : 900,
responsive : true
});

});
</script>

Powinno pomóc w uruchomieniu skryptu.

[PawelS]

Też to miałem dodać, lecz już nie mogłem edytować tematu. Ale tak, tego tam brakowało do perfekcji u tych co gryzło lub i nie

Ja dodałem u siebie w plikach $.noConflict(); i również działa bez problemu przed ładowaniem funkcji.

[Twin]

witam, mam problem ze liczbami stron tego właśnie slideru

Wie ktoś może jak je usunąć ?

http://scr.hu/1syp/xccsf