Fork of Beez5 : Integration of Nivo Slider JS - Joomla! Forum - community, help and support
dear joomla community,
i start fork beez5 template in order build new template personal use. 1 of main issues introduce integration of slider (in header, instead of fixed picture) javascript nivo slider working jquery framework.
for now, operation integrate nivo slider (which in 1.6 template) perform except slide animation itself. in javascript file , modified css , element in correct position , include script index.php file no slide movement.
of course more compliant possible html5 discover first time.
is have activate in order allow script execution html5 or what's wrong ?
merci , me going ahead.
frédéric
i start fork beez5 template in order build new template personal use. 1 of main issues introduce integration of slider (in header, instead of fixed picture) javascript nivo slider working jquery framework.
for now, operation integrate nivo slider (which in 1.6 template) perform except slide animation itself. in javascript file , modified css , element in correct position , include script index.php file no slide movement.
of course more compliant possible html5 discover first time.
is have activate in order allow script execution html5 or what's wrong ?
code: select all
...
<?php if(!$templateparams->get('html5', 0)): ?>
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<?php else: ?>
<?php echo '<!doctype html>'; ?>
<?php endif; ?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
.../...
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/javascript/nivo-slider.css" type="text/css" />
.../...
</head>
<body>
.../...
<div id="header-image">
<jdoc:include type="modules" name="position-15" />
<?php if ($this->countmodules('position-15')==0): ?>
<!-- modif frk : inclusion du diaporama -->
<div class="headerplace">
<div class="sliderplace">
<div id="slider" class="nivoslider">
<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/vueeiffel.jpg" alt="<?php echo jtext::_('tpl_shp_logo'); ?>" title="#htmlcaption" data-transition="slideinright" />
<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/roomtransition.jpg" alt="<?php echo jtext::_('tpl_shp_logo'); ?>" title="#htmlcaption2" data-transition="slideinright" />
<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/coupleinout.jpg" alt="<?php echo jtext::_('tpl_shp_logo'); ?>" title="#htmlcaption3" data-transition="slideinright" />
<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/receptioneliane.jpg" alt="<?php echo jtext::_('tpl_shp_logo'); ?>" title="#htmlcaption4" data-transition="slideinright" />
<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/ruecommerce.jpg" alt="<?php echo jtext::_('tpl_shp_logo'); ?>" title="#htmlcaption5" data-transition="slideinright" />
<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/coupleinout.jpg" alt="<?php echo jtext::_('tpl_shp_logo'); ?>" title="#htmlcaption6" data-transition="slideinright" />
<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/receptioneliane.jpg" alt="<?php echo jtext::_('tpl_shp_logo'); ?>" title="#htmlcaption7" data-transition="slideinright" />
<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/ruecommerce.jpg" alt="<?php echo jtext::_('tpl_shp_logo'); ?>" title="#htmlcaption8" data-transition="slideinright" />
<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/images/ruecommerce.jpg" alt="<?php echo jtext::_('tpl_shp_logo'); ?>" title="#htmlcaption9" data-transition="boxrainreverse" />
</div>
<div id="htmlcaption" class="nivo-html-caption">
<?php echo $this->params->get('caption1');?>
</div>
<div id="htmlcaption2" class="nivo-html-caption">
<?php echo $this->params->get('caption2');?>
</div>
<div id="htmlcaption3" class="nivo-html-caption">
<?php echo $this->params->get('caption3');?>
</div>
<div id="htmlcaption4" class="nivo-html-caption">
<?php echo $this->params->get('caption4');?>
</div>
<div id="htmlcaption5" class="nivo-html-caption">
<?php echo $this->params->get('caption5');?>
</div>
<div id="htmlcaption6" class="nivo-html-caption">
<?php echo $this->params->get('caption6');?>
</div>
<div id="htmlcaption7" class="nivo-html-caption">
<?php echo $this->params->get('caption7');?>
</div>
<div id="htmlcaption8" class="nivo-html-caption">
<?php echo $this->params->get('caption8');?>
</div>
<div id="htmlcaption9" class="nivo-html-caption">
<?php echo $this->params->get('caption9');?>
</div>
</div><!--fin du conteneur div class sliderplace-->
<div class="newsplace">
<div class="newstext">hello news !!!</div>
</div><!--end of newsplace-->
</div><!--end of headerplace-->
<!-- fin modif frk : inclusion du diaporama -->
<!--<img src="<?php //echo $this->baseurl ?>/templates/<?php //echo $this->template; ?>/images/roomtransition.jpg" alt="<?php //echo jtext::_('tpl_shp_logo'); ?>" />-->
<?php endif; ?>
</div><!--end of div header-image-->
.../...
</div><!--end of div all-->
<jdoc:include type="modules" name="debug" />
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/jquery-1.4.2.js"></script>
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/noconflict.js"></script>
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/jquery.nivo.slider.js"></script>
</body>
</html>
merci , me going ahead.
frédéric
you have included jquery twice:
try remove below , test again:
code: select all
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/jquery-1.4.2.js"></script>
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/jquery-1.7.1.min.js"></script>try remove below , test again:
code: select all
<script type="text/javascript" src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/js/jquery-1.4.2.js"></script>
Comments
Post a Comment