Slider

Slider

czesio68

2014-08-20 18:42

Ma ktoś pomysł jak dodać simple slider z wersji 5.4 do 3.2

» Quick.Cms v3.x

xxx

selekcjoner

2014-08-20 19:04

W pierwszym poście na tej stronie byłeś blisko:
http://opensolution.org/forum/?iTopic=10567&iPage=2

simlution.org

czesio68

2014-08-20 19:30

Niestety tylko blisko... nie mogę wymyślić jak rozpisać ten konflikt... ja wiem że to banalne ale o czymś zapomniałem i nie wychodzi :/

xxx

"Slider działa ale wyświetla się na nim "maska" - jeśli tylko był taki problem to być może to kwestia styli.
Musiałbyś zainstalować ten slider w taki sposób i wrzucić link na forum to zerknę co może powodować błąd.

simlution.org

czesio68

2014-08-20 20:06

link: http://modscript.mat86.website.pl/

Czysty skrypt + slider

Plik container


<!-- BEGIN HEAD -->
<?xml version="1.0" encoding="$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="$config[language]">

<head>
  <title>$sTitle$config[title]</title>
  <meta http-equiv="Content-Type" content="text/html; charset=$config[charset]" />
  <meta name="Description" content="$sDescription" />
  <meta name="Keywords" content="$sKeywords" />
  <meta name="Author" content="OpenSolution.org" />
  <meta http-equiv="Content-Style-Type" content="text/css" />

  <script type="text/javascript" src="$config[dir_core]common.js"></script>
  <script type="text/javascript" src="$config[dir_core]plugins.js"></script>
  <script type="text/javascript" src="$config[dir_core]prototype.lite.js"></script>
  <script type="text/javascript" src="$config[dir_core]moo.fx.js"></script>
  <script type="text/javascript" src="$config[dir_core]litebox-1.0.js"></script>
  <script type="text/javascript" src="<?php echo $config['dir_plugins']; ?>mlbox/mlbox.js"></script>
  
  <script type="text/javascript" src="$config[dir_plugins]jquery-1.8.2.min.js"></script>
  <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" />
  
  <script type="text/javascript">
    <!--
    var cfBorderColor     = "#cabfbf";
    var cfLangNoWord      = "$lang[cf_no_word]";
    var cfLangMail        = "$lang[cf_mail]";
    var cfWrongValue      = "$lang[cf_wrong_value]";
    var cfToSmallValue    = "$lang[cf_to_small_value]";
    var cfTxtToShort      = "$lang[cf_txt_to_short]";
    var lbImage           = "$lang[Image]";
    var lbOf              = "$lang[of]";
    AddOnload( initLightbox );
    //-->
  </script>

  <style type="text/css">@import "$config[dir_templates]$config[template]";</style>
  $sBanner
<!-- END HEAD -->
<!-- BEGIN MOBILE_HEAD -->
<?xml version="1.0" encoding="$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="$config[language]">

<head>
  <title>$sTitle$config[title]</title>
  <meta http-equiv="Content-Type" content="text/html; charset=$config[charset]" />
  <meta name="Description" content="$sDescription" />
  <meta name="Keywords" content="$sKeywords" />
  <meta name="Author" content="OpenSolution.org" />
  <meta http-equiv="Content-Style-Type" content="text/css" />
  <script type="text/javascript" src="$config[dir_core]common.js"></script>
  <script type="text/javascript" src="$config[dir_core]plugins.js"></script>
  <script type="text/javascript">
    <!--
    var cfBorderColor     = "#cabfbf";
    var cfLangNoWord      = "$lang[cf_no_word]";
    var cfLangMail        = "$lang[cf_mail]";
    var cfWrongValue      = "$lang[cf_wrong_value]";
    var cfToSmallValue    = "$lang[cf_to_small_value]";
    var cfTxtToShort      = "$lang[cf_txt_to_short]";
    //-->
  </script>

  <style type="text/css">@import "$config[dir_templates]$config[template]";</style>
<!-- END MOBILE_HEAD -->
<!-- BEGIN BODY -->
</head>
<body>
<div class="skiplink"><a href="#content" accesskey="2">$lang['Skip_navigation']</a></div>
<div id="container">
  <div id="head1">
    <div class="container">
      <div class="main">
        $sMenu1
      </div>
    </div>
  </div>
  <div id="head2">
    <div class="container">
      <div class="main">
        $sMenu2
      </div>
    </div>
  </div>
  <div id="head3">
    <div class="container">
      <div class="main">
       <div id="content">
        <div class="theme-default"><!-- SLIDER STARTS HERE -->
          <div id="slider" class="nivoSlider">
            <img src="files/_slider-1.jpg" alt="" title="This is an example of a caption" /><!-- PUT YOUR IMAGES HERE -->
            <img src="files/_slider-2.jpg" alt="" />
          </div>

          <script type="text/javascript">
          $(window).load(function() {
              $('#slider').nivoSlider();
          });
          </script>
        </div>
        </div>
        <div id="navipath">$sPagesTree</div>
      </div>
    </div>
  </div>
  <div id="body">
    <div class="container">
      <div class="main">
        <div id="column2">
          <!-- additional column, hidden in styles -->
        </div>

        <div id="column">
          $sMenu3
        </div>
        <div id="content">
<!-- END BODY -->

<!-- BEGIN FOOT -->
          <div id="options"><div class="print"><a href="javascript:window.print();">$lang['print']</a></div><div class="back"><a href="javascript:history.back();">&laquo; $lang['back']</a></div></div>
        </div>
      </div>
    </div>
  </div>
  <div id="foot">
    <div class="container">
      <div class="main">
        <div id="copy">$config[foot_info]</div>
        <!--
          LICENSE REQUIREMENTS - DONT DELETE/HIDE LINK "CMS by Quick.Cms" TO www.OpenSolution.org
        -->
        <div class="foot" id="powered"><a href="http://opensolution.org/">$sLangFooter</a></div>
      </div>
    </div>
  </div>
  <div class="clear">&nbsp;</div>
</div>

</body>
</html>
<!-- END FOOT -->

xxx

selekcjoner

2014-08-20 20:15

Nie musisz wklejać całego kodu :)
Musisz usunąć kod php z linków np.:
zamiast:
<link rel="stylesheet" href="<?php echo $config[dir_plugins]; ?>nivo-slider/nivo-slider.css" type="text/css" media="screen" />
wstaw:
<link rel="stylesheet" href="$config[dir_plugins]nivo-slider/nivo-slider.css" type="text/css" media="screen" />

simlution.org

openzibi

2014-08-20 20:17

W 4 miejscach zamień
<?php echo $config['dir_plugins']; ?>
na
$config[dir_plugins]

StudioStrona.pl

openzibi

2014-08-20 20:19

Widzę, że się Krystianowi wtrąciłem. Znikam :)

StudioStrona.pl

czesio68

2014-08-20 20:22

na tym etapie już też byłem...
slider działa ale jest maska...
zrobiłem tak

<script type="text/javascript" src="$config[dir_plugins]jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="$config[dir_plugins]nivo-slider/jquery.nivo.slider.pack.js"></script>
<link rel="stylesheet" href="$config[dir_plugins]nivo-slider/themes/default/default.css" type="text/css" media="screen" />
<link rel="stylesheet" href="$config[dir_plugins]nivo-slider/nivo-slider.css" type="text/css" media="screen" />

efekt http://modscript.mat86.website.pl/

xxx

selekcjoner

2014-08-20 20:22

Spoko Zbyszek, jak to mówią - "co 2 głowy to nie jedna" :)

simlution.org

selekcjoner

2014-08-20 20:23

Usuń tą linię:
<script type="text/javascript" src="<?php echo plugins/; ?>mlbox/mlbox.js"></script>

simlution.org

czesio68

2014-08-20 20:32

Zrobiłem tak:

<script type="text/javascript" src="$config[dir_core]litebox-1.0.js"></script> - tą usunąłem
<script type="text/javascript" src="$config['dir_plugins']mlbox/mlbox.js"></script> - tą poprawiłem

xxx

czesio68

2014-08-20 20:33

wygląda na to że działa...

xxx

czesio68

2014-08-20 20:43

Pozostaje jeszcze jedna niewiadoma jak nałożyć na slider logo i slogan...

xxx

openzibi

2014-08-20 20:59

Dziala tylko slider ale dalej widzę szare tło na 2/3 wysokości strony
Nie usunąłeś (20.58) liteboxa, nie poprawiłeś mlboxa.

Kliknij na dowolna minaturkę.
Sugeruje zostać przy liteboxie i rozwiazać konflikt starego liteboxa z jquery. Było to kiedyś opisane na forum.
A może warto przejść na wersję 5v4 a najlepiej Quick.CMS.Ext v5.4?

StudioStrona.pl

czesio68

2015-10-09 08:11

Wracam na chwilkę do tematu
Slider działa ale po usunięciu linii <script type="text/javascript" src="<?php echo plugins/; ?>mlbox/mlbox.js"></script>

Wywala się wyświetlanie zdjęć...
Jakaś rada?