Slider (zmiana fotek w banerze)

wicior123

2014-11-12 12:09

Witam , mam skórke webstyle001. Czy jest jakaś możliwośc aby ten duży baner na stronie zmieniał sie na inne foto tak ze 3 szt. np. co 3 sekundy?

z góry dzieki za pomoc

» Quick.Cms v5.x

wicior123

Jezeli nie jest do tego podpiety simpleslider ( sorki nie uzywam tej skroki ale sprawa jest uniwersalna) to mozesz go pobrac i zainstalowac a potem zamiast jednego dodac kilka linkow do obrazkow wg instrukcji.
Obrazki oczywiscie powinny byc o tych samych wymiarach i wrzucone np. do katalogu files.

Jarek

wicior123

2014-11-12 20:11

Witam, wstawilem to i przetestowalem działa. Chodzi tylko żeby to było wielkości całego baneru a nie jak teraz.
http://mebleslawno.net.pl/

wicior123

pawgraf

2014-11-12 22:07

Jeżeli ma być na całą szerokość strony to wstaw go w div#head-img tam gdzie aktualnie masz banner.

wicior123

2014-11-12 22:33

Zrobiłem jak radziłeś ale to nic nie zmieniło slider jest dalej w tym samym miejscu.
Za pomoc w rozwiązaniu tego zapłacę.

Pozdrawiam

wicior123

2014-11-12 22:35

A to jest zawartość pliku header z skórki weebstyle


<?php
// More about design modifications - www.opensolution.org/Quick.Cms/docs/?id=en-design
if( !defined( 'CUSTOMER_PAGE' ) )
  exit;

echo '<?xml'; ?> version="1.0" encoding="<?php echo $config['charset']; ?>"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $config['language']; ?>">
<head>
  <title><?php echo $sTitle.$config['title']; ?></title>
  <meta name="Language" content="<?php echo $config['language']; ?>" />
  <meta name="Description" content="<?php echo $sDescription; ?>" />
  <meta name="Generator" content="Quick.Cms v<?php echo $config['version']; ?>" />

  <script type="text/javascript" src="<?php echo $config['dir_core']; ?>common.js"></script>
  <script type="text/javascript" src="<?php echo $config['dir_plugins']; ?>mlbox/mlbox.js"></script>





  <?php displayAlternateTranslations( ); ?>
  <link rel="stylesheet" href="<?php echo $config['dir_skin'].$config['style']; ?>" />
  <?php if( isset( $aData['sName'] ) && isset( $aData['iPage'] ) && $aData['iPage'] == $config['start_page'] ){ ?>
    <style type="text/css">
      .subpagesList{display:none;}
      .listHome .subpagesList{display:block;}
    </style>
  <?php } ?>
<link rel="stylesheet" href="style.css" /> </head>
<body<?php if( isset( $aData['iPage'] ) && is_numeric( $aData['iPage'] ) ) echo ' id="page'.$aData['iPage'].'"'; ?>>
<ul id="skiplinks">
  <li><a href="#menu1" tabindex="1"><?php echo $lang['Skip_to_main_menu']; ?></a></li>
  <li><a href="#content" tabindex="2"><?php echo $lang['Skip_to_content']; ?></a></li>
</ul>

<div id="container">
  <div id="header">
    <div id="head1"><?php // banner, logo and slogan starts here ?>
      <div class="container">
        <div id="logo"><?php // logo and slogan ?>
          <div id="title"><a href="./" tabindex="3"><?php echo $config['logo']; ?></a></div>
          <div id="slogan"><?php echo $config['slogan']; ?></div>
        </div>
      </div>
    </div>
    <div id="head2"><?php // top menu starts here ?>
      <div class="container">
        <?php echo $oPage->throwMenu( 1, $iContent, 0 ); // content of top menu ?>
      </div>
    </div>
  </div>
  <div id="body">
    <div class="container">
      <div id="head-img">

<?php if( !defined( 'JQUERY-LOADED' ) ){ echo '<script type="text/javascript" src="'.$config['dir_plugins'].'jquery-1.8.2.min.js"></script>'; define( 'JQUERY-LOADED', true ); } ?>
  <script type="text/javascript" src="<?php echo $config['dir_plugins']; ?>nivo-slider/jquery.nivo.slider.pack.js"></script>
  <link rel="stylesheet" href="<?php echo $config['dir_plugins']; ?>nivo-slider/themes/default/default.css" type="text/css" media="screen" />
  <link rel="stylesheet" href="<?php echo $config['dir_plugins']; ?>nivo-slider/nivo-slider.css" type="text/css" media="screen" />






        <img src="<?php echo $config['dir_skin']; ?>img/img_46.jpg">
      </div>
  <?php if( isset( $aData['sName'] ) && isset( $aData['iPage'] ) && $aData['iPage'] == $config['start_page'] ){ ?>
    <div class="listHome">
      <?php echo $oPage->listSubpages( $aData['iPage'], 3 ); // displaying subpages ?>
    </div>
    <?php } ?>
    <div id="column"><?php // left column with left menu ?>
      <?php echo $oPage->throwMenu( 2, $iContent, 1, true ); // content of left menu ?>
    </div>
    <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="Slawno ul. Basztowa 3c" /><!-- PUT YOUR IMAGES HERE -->
            <img src="<?php echo $config['dir_files']; ?>_slider-2.jpg" alt="" title="www.mebleslawno.net.pl"/>
          </div>

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

wicior123

grafiQa

2014-11-12 23:17

Zobacz w stylach na #content .theme-default .nivoSlider i zmien na odpowiedni rozmiar w szer i wys..

Jarek - napisane z pulpitu Quick.Cms 6.0

wicior123

2014-11-13 08:46

tego też próbowalem z 660 px zmienialem na 1046px doszło tylko do lewego menu i to tyle

wicior123

2014-11-13 20:22

jak wyżej zapłace za pomoc 100 zł przelewem

pozdrawiam

wicior123@wp.pl

wicior123

grafiQa

2014-11-14 04:40

To jest jakis drobiazg. Przeslij dane dostepowe na mail to pomozemy..

Jarek

wicior123

2014-11-14 10:52

ok prosze o podanie adresu e-mail bo nigdzie nie moge znalesc

wicior123

grafiQa

2014-11-14 12:21

grafiqa.pl/kontakt.html

Jarek - napisane z pulpitu Quick.Cms 6.0

mikah

2014-12-02 10:21

witam,
a może jakieś publiczne rozwiązanie na forum?

MirekH

viwaldi

2015-02-27 19:01

Q.C 6.5 + modyfikacje na podstawie wlasnie webstyle001. Dodalem simpleSlider najpierw wg instrukcji a potem jednak zmienilem zeby zmienialo sie glowne zdjecie a nie maly baner. Zmiany w stosunku do org instrukcji:
1. jak w instrukcji
2. zeby simpleSlider zmienial glowne zdjecie musi byc wklejony w _header.php w <div id="head-img"> TUTAJ </div>
3. ustawiona wielkosc slajdow na 1046px + wywalilem wyswietlanie guzikow pod sliderem (punkt 3 - edycja style.css). U mnie wyglada on tak:

/* slider */
#content .theme-default .nivoSlider{width:1046px;margin:0 auto;}
.theme-default{padding:5px 0;}
.nivo-controlNav{display:none;}
.nivoSlider a.nivo-imageLink {background:white; filter: alpha(opacity=0);opacity: 0;} /* modrhh+ IE link hack*/
@media print{ #content .theme-default{display:none;} }

5. wywalilem cien pod slajdami. Zmiana w pliku /plugins/nivo-slider/themes/default/default.css

.theme-default .nivoSlider {
position:relative;
background:#fff url(loading.gif) no-repeat 50% 50%;
margin-bottom:10px;

6. moje pliki slajdow maja 1046x378 px. Nazwy ustalasz w pkt. 2 przy edycji _header.php

viwaldi

2015-02-27 19:02

Efekt widac tu -> http://neonplus.idl.pl/test/