Jak wstawić drugi raz simpleSlider

krystian90

2014-10-17 20:33

Witam serdecznie jak wstawić drugi raz simpleSlider już mam wstawiony raz w _header.php i chce wstawić na nowo utworzonej stronie nowastrona.php utworzyłem ją zgodnie z instrukcją, i się nie wyświetla.
strona wedkarz.esy.es

» Quick.Cart v6.x

Fast-Graphic

2014-10-17 21:22

Ja robię to tak:
1. kopiuje page.php i _header.php
2. zmieniam nazwy na np. page-home.php i _header-home.php
3. edytuję page-home.php i zmieniam w kodzie _header.php na nowy _header-home.php

krystian90

2014-10-17 21:56

nie bardzo rozumiem, w _header.php juz mam kod


<div id="content">
        <div class="theme-default"><!-- SLIDER STARTS HERE -->
          <div id="slider" class="nivoSlider">
            <img src="<?php echo $config['dir_files']; ?>_slider-1.jpg" alt="" title="This is an example of a caption" /><!-- PUT YOUR IMAGES HERE -->
            <img src="<?php echo $config['dir_files']; ?>_slider-2.jpg" alt="" />
          </div>

          <script type="text/javascript">
          $(window).load(function() {
              $('#slider').nivoSlider();
          });
          </script>
        </div>

czyli bedzie mi się wyswietlał na każdej stronie teraz bym chciał go wstawić na nowej stronie czyli w nowastrona.php obok lewego menu i wklejam kod za


<div id="page">

i nie ma nic.

pawgraf

2014-10-18 11:47

Ustawiles gdzies ten nowy temat (nowastrona.php), a jezeli tak to na jakies stronie? podaj link

krystian90

2014-10-18 12:10

po wejściu na stronę wedkarz.esy.es jest nowastrona.php

pawgraf

2014-10-18 12:25

nadaj drugiemu sliderowi inne ID np id="slider2" i przy wywolaniu funkcji js dodaj


$('#ID DRUGIEGO SLIDERA').nivoSlider();

grafiQa

2014-10-18 12:50

Mozesz tez umieszczac elmenty na stronie glownej uzywajac warunkow zeby nie kopiowac plikow np.


<?php if(isset($aData['iPage'] == $config['start_page']) { ?>
tutaj wkladasz   html lub slider slider1
<? } ?>

Powyzszy warunek bedzie wyswietlal zawartosc tylko na stronie glownej.
Drugi slider mozesz wtedy wylaczyc na stronie zadajac odwrotny warunek zmiast == wstawiasz !=


<?php if(isset($aData['iPage'] != $config['start_page']) { ?>
tutaj wkladasz   html lub slider slider2
<? } ?>

Tyle w kwestii osiagania roznic bez kopiowania plikow szablonu... polecam.

Jarek - napisane z pulpitu Quuick.Cms 6.0

grafiQa

2014-10-18 12:52

sorki zagapilem sie


<?php if($aData['iPage'] == $config['start_page']) { ?>
tutaj wkladasz   html lub slider slider1
<? } ?>


<?php if($aData['iPage'] != $config['start_page']) { ?>
tutaj wkladasz   html lub slider slider2
<? } ?>

Jarek - napisane z pulpitu Quuick.Cms 6.0

krystian90

2014-10-18 17:04

ok pawgraf zrobiłem tak jak napisałeś ale znikły mi przyciski nawigacji next i prev ale to nic chciał bym je usunąć w ogole z całości i te kulki pod spodem już usunąłem ale tylko w css gdzie je kompletnie usunąć?

pawgraf

2014-10-18 19:08

tutaj masz dokumentacje do tego slider wystarczy zapytac Pana google
http://docs.dev7studios.com/jquery-plugins/nivo-slider

a dokladniej tutaj masz opcje ktore mozesz uzyc przy implementacji



$('#slider').nivoSlider({
    effect: 'random',               // Specify sets like: 'fold,fade,sliceDown'
    slices: 15,                     // For slice animations
    boxCols: 8,                     // For box animations
    boxRows: 4,                     // For box animations
    animSpeed: 500,                 // Slide transition speed
    pauseTime: 3000,                // How long each slide will show
    startSlide: 0,                  // Set starting Slide (0 index)
    directionNav: true,             // Next & Prev navigation
    controlNav: true,               // 1,2,3... navigation
    controlNavThumbs: false,        // Use thumbnails for Control Nav
    pauseOnHover: true,             // Stop animation while hovering
    manualAdvance: false,           // Force manual transitions
    prevText: 'Prev',               // Prev directionNav text
    nextText: 'Next',               // Next directionNav text
    randomStart: false,             // Start on a random slide
    beforeChange: function(){},     // Triggers before a slide transition
    afterChange: function(){},      // Triggers after a slide transition
    slideshowEnd: function(){},     // Triggers after all slides have been shown
    lastSlide: function(){},        // Triggers when last slide is shown
    afterLoad: function(){}         // Triggers when slider has loaded
});

jezeli nie umiesz sobie z tym poradzic to w stylach dodaj


.nivo-directionNav, .nivo-controlNav{display:none;}

Paweł

krystian90

2014-10-19 12:48

Wszystko pięknie ładnie:) dziękuje za pomoc:)