--- /dev/null
+.visual .v1{ margin:0 -409px;}
+
+.slideshow {
+ margin:0 0 21px;
+ height: 425px;
+ position: relative;
+ padding:0 0 0 36px;
+ z-index: 0;
+}
+.slideshow img{display:block;}
+.slideshow .mask {
+ overflow: hidden;
+}
+.slideshow .slideset {
+ width: 9999px;
+}
+.slideshow .slide {
+ display:none;
+ position:absolute;
+}
+.slideshow .pagination {
+ position: absolute;
+ bottom: 82px;
+ left: 0;
+ width:100%;
+ text-align:center;
+ z-index: 4;
+}
+.slideshow .pagination ul {
+ list-style:none;
+ display:inline-block;
+ vertical-align:top;
+ padding: 0 8px 0 0;
+ margin:5px 0 0;
+}
+.slideshow .pagination li {
+ float: left;
+ margin: 0 0 0 9px;
+}
+.slideshow .pagination li a {
+ background:url(../images/elements.png) no-repeat -15px 0;
+ width: 15px;
+ height: 16px;
+ overflow: hidden;
+ text-indent: -9999px;
+ display: block;
+ border-radius:12px;
+}
+.slideshow .pagination a.active,
+.slideshow .pagination a:hover {background-position:0 0;}
+
+
+.slideshow .caption{
+ background-color:rgba(255,255,255,0.5);
+ position:absolute;
+ right:402px;
+ top:47px;
+ width:233px;
+ height:233px;
+ font-size:30px;
+ line-height:35px;
+ color:#fff;
+ font-weight:300;
+ text-align:center;
+ border-radius:253px;
+ padding:10px;
+ z-index: 4;
+}
+
+.slideshow .caption .holder{
+ background-image: linear-gradient(to bottom, #51cdf8 0%,#46c6f2 31%,#2db6e6 81%,#28b3e3 100%);
+ border-radius:233px;
+ width:233px;
+ height:194px;
+ padding: 39px 0 0;
+ overflow:hidden;
+}
+.slideshow .caption em{
+ font-style:italic;
+ font-size:21px;
+}
\ No newline at end of file
margin:0 auto;\r
position:relative;\r
}\r
-.visual .v1{ margin:0 -150px;}\r
.visual.add .v1 { margin:0 -209px;}\r
\r
+\r
+#main{\r
+ margin:0 auto;\r
+ width:981px;\r
+ position: relative;\r
+ z-index: 5;\r
+}\r
+\r
#wrapper{overflow:hidden;}\r
#header{\r
padding:12px 0 21px;\r
margin:0 0 2px;\r
}\r
.breadcrumbs{\r
- margin:0 0 6px -3px;\r
+ width: 982px;\r
+ margin:0 auto;\r
overflow:hidden;\r
-}\r
-.breadcrumbs ul{\r
- margin:0;\r
- padding:0;\r
- list-style:none;\r
font-size:13px;\r
+ padding:0 0 8px 0;\r
}\r
-.breadcrumbs li:first-child{\r
- padding: 0 3px 0 0;\r
- background:none;\r
+.breadcrumbs a{\r
+ display: inline-block;\r
+ color:#0ea6db;\r
}\r
-.breadcrumbs li{\r
- background:url(../images/separator.png) no-repeat 0 8px;\r
- float:left;\r
- padding: 0 0 0 9px;\r
+\r
+#content,\r
+.contents{\r
+ padding:0 0 30px 0;\r
}\r
-.breadcrumbs a{color:#0ea6db;}\r
.twocolumns{\r
margin: 0 0 231px -3px;\r
overflow:hidden;\r
}\r
-#content{\r
+.twocolumns #content,\r
+.twocolumns .contents{\r
width:765px;\r
float:right;\r
}\r
+\r
+\r
#content h1{\r
margin: 0 0 10px;\r
color:#e30186;\r
background:url(../images/bullet.svg) no-repeat 2px 8px;\r
padding: 0 0 3px 9px;\r
}\r
-#sidebar{\r
- width:179px;\r
- float:left;\r
- margin:6px 0 0;\r
-}\r
-.sidenav{\r
- border-radius:3px;\r
- padding: 7px 0 8px;\r
- background:#0ea6db;\r
-}\r
-.sidenav ul{\r
- margin:0;\r
- padding:0;\r
- list-style:none;\r
-}\r
-.sidenav span{font-size:13px;}\r
-.sidenav a:hover{text-decoration:none;}\r
-.sidenav>ul>li:hover{background:url(../images/arrow-nav-1.svg) no-repeat 9px 7px;}\r
-.sidenav>ul>li>a{\r
- padding:7px 0 11px 39px;\r
- color:#fff;\r
- display:block;\r
-}\r
-.sidenav .subnav{\r
- overflow:hidden;\r
- border:0;\r
-}\r
-.sidenav .subnav .holder:first-child{padding: 0 5px 20px 39px;}\r
-.sidenav .holder{\r
- color:#035277;\r
- font:13px;\r
- background:#f3fafd;\r
- padding: 0 5px 12px 39px;\r
- width:137px;\r
- margin:0 -1px -1px;\r
- overflow:hidden;\r
-}\r
-.sidenav ul ul a{\r
- color: #035277;\r
- display: block;\r
- font-size: 13px;\r
- line-height: 16px;\r
-}\r
-.sidenav ul ul li{\r
- margin: 0 0 1px;\r
- padding: 8px 0 0;\r
-}\r
-.sidenav ul ul li:hover{\r
- background:url(../images/arrow-nav-2.svg) no-repeat 22px 12px;\r
- padding:8px 0 0 39px;\r
- margin:0 0 1px -39px\r
-}\r
-.sidenav .holder .heading{\r
- font-weight:500;\r
- display:block;\r
- padding: 5px 0 0;\r
-}\r
+\r
#footer .timing.info-area{\r
float: left;\r
margin: 12px 0 0 -17px;\r
-.slideshow {
- margin:0 0 21px;
- position: relative;
- padding:0 0 0 36px;
-}
-.slideshow img{display:block;}
-.slideshow .mask {
- overflow: hidden;
-}
-.slideshow .slideset {
- width: 9999px;
- float: left;
-}
-.slideshow .slide {
- float: left;
-}
-.slideshow .pagination {
- position: absolute;
- bottom: 100px;
- left: 0;
- width:100%;
- text-align:center;
-}
-.slideshow .pagination ul {
- list-style:none;
- display:inline-block;
- vertical-align:top;
- padding: 0 8px 0 0;
- margin:5px 0 0;
-}
-.slideshow .pagination li {
- float: left;
- margin: 0 0 0 9px;
-}
-.slideshow .pagination li a {
- background:url(../images/elements.png) no-repeat -15px 0;
- width: 15px;
- height: 16px;
- overflow: hidden;
- text-indent: -9999px;
- display: block;
- border-radius:12px;
-}
-.slideshow .pagination .active a,
-.slideshow .pagination a:hover {background-position:0 0;}
-.slideshow .caption{
- background-color:rgba(255,255,255,0.5);
- position:absolute;
- right:143px;
- top:47px;
- width:233px;
- height:233px;
- font-size:30px;
- line-height:35px;
- color:#fff;
- font-weight:300;
- text-align:center;
- border-radius:253px;
- padding:10px;
-}
-.slideshow .caption .holder{
- background-image: linear-gradient(to bottom, #51cdf8 0%,#46c6f2 31%,#2db6e6 81%,#28b3e3 100%);
- border-radius:233px;
- width:233px;
- height:194px;
- padding: 39px 0 0;
- overflow:hidden;
-}
-.slideshow .caption span{
- font-style:italic;
- font-size:21px;
-}
-#main{
- margin:0 auto;
- width:981px;
-}
+
.services{
overflow:hidden;
margin:0 0 65px;
* @return array
*/
public function getCMSTemplates() {
- $templates = parent::getCMSTemplates();
+ $templates = array();
+ $templates['Génériques'] = array('text' => 'Page de texte');
+ $templates['Accueil'] = array('home' => 'Page d\'accueil');
+ $templates['Redirections'] = array(
+ 'externalredirection' => 'Redirection externe',
+ 'nextredirection' => 'Redirection vers la première sous-rubrique',
+ 'pageredirection' => 'Redirection interne',
+ 'subredirection' => 'Redirection vers une sous-rubrique');
+ return $templates;
return $templates;
}
+ protected function _makeURL($r, $seoUrl, $locale, $title, $parent, $isAdmin) {
+ if ($locale) {
+ $navLocales = $this->getNavigationLocales($isAdmin);
+ if ($r->label == 'home') {
+ if ($locale == $navLocales[0]) {
+ $url = '';
+ } else {
+ $url = '/' . $locale;
+ }
+ } else {
+ $base = '/' . $locale;
+ if ($seoUrl) {
+ $url = $base . '/' . $this->_escapeSeoUrl($seoUrl);
+ } else {
+ $url = $base . '/' . CubeIT_Text::str2URL($title);
+ }
+ }
+ } else {
+ if ($r->label == 'home') {
+ $url = '/';
+ } elseif ($seoUrl) {
+ $url = '/' . $this->_escapeSeoUrl($seoUrl);
+ } else {
+ if ($parent->getLevel() > 1) {
+ $url = $parent->getHref() . '/' . CubeIT_Text::str2URL($title);
+ } else {
+ $url = '/' . CubeIT_Text::str2URL($title);
+ }
+ }
+ }
+
+ return $url;
+ }
+
public function run() {
// run have to be the last call of bootstrap
parent::run();
public function init() {
parent::init();
+ $carrousel = new CCGM_Form_CMS_Sub_Home_Carrousel();
+ $carrousel->setLegend('Carrousel');
+ $this->addSubForm($carrousel, 'carrousel');
+
$actualites = new CCGM_Form_CMS_Sub_Home_Actualites();
$actualites->setLegend('Actualités');
$this->addSubForm($actualites, 'actualites');
+
+ $blocs=new CCGM_Form_CMS_Sub_Home_Blocs();
+ $blocs->setLegend('Blocs de présentation');
+ $this->addSubForm($blocs, 'blocs');
}
}
--- /dev/null
+<?php
+
+class CCGM_Form_CMS_Sub_Home_Bloc extends CubeIT_Form_SubForm {
+
+ public function init() {
+ parent::init();
+
+ $titre = new Zend_Form_Element_Text('titre');
+ $titre->setLabel('Titre');
+ $this->addElement($titre);
+
+ $texte = new Zend_Form_Element_Textarea('texte');
+ $texte->setLabel('Texte');
+ $texte->setAttrib('rows', 2);
+ $this->addElement($texte);
+
+ $lien = new CubeIT_Form_Element_Link();
+ $lien->urlEnabled(false);
+ $lien->setLabel('Lien');
+ $this->addSubForm($lien, 'lien');
+
+ $icone = new Zend_Form_Element_Select('icone');
+ $icone->setLabel('Icône');
+ $icone->setMultiOptions(array('centre'=>'Centre', 'parcours' => 'Parcours', 'pathologies' => 'Pathologies', 'recherche' => 'Recherche', 'pratique' => 'Infos Pratiques'));
+ $this->addElement($icone);
+ }
+
+}
+
+?>
--- /dev/null
+<?php
+
+class CCGM_Form_CMS_Sub_Home_Blocs extends CubeIT_Form_SubForm {
+
+ public function init() {
+ parent::init();
+
+ for ($i = 1; $i <= 3; $i++) {
+ $b = new CCGM_Form_CMS_Sub_Home_Bloc();
+ $b->setLabel('Bloc n°' . $i);
+ $this->addSubForm($b, 'b_' . $i);
+ }
+ }
+
+}
+
+?>
--- /dev/null
+<?php\r
+\r
+class CCGM_Form_CMS_Sub_Home_Carrousel extends CubeIT_Form_SubForm {\r
+\r
+ public function init() {\r
+ parent::init();\r
+\r
+ $titre = new Zend_Form_Element_Textarea('titre');\r
+ $titre->setAttrib('rows', 4);\r
+ $titre->setLabel('Bulle');\r
+ $this->addElement($titre);\r
+\r
+ $images = new CubeIT_Form_Element_File_Image('images');\r
+ $images->setLabel('Images');\r
+ $this->addElement($images);\r
+ }\r
+\r
+}
\ No newline at end of file
--- /dev/null
+<?php
+
+class CCGM_Form_CMS_Text extends CCGM_Form_CMS {
+
+}
+
+?>
--- /dev/null
+<?php
+
+class CCGM_View_Helper_Carrousel extends Zend_View_Helper_Abstract {
+
+ public function carrousel($datas) {
+ if (!count($datas['images'])) {
+ return;
+ }
+
+ $this->view->headScript()->addScriptAndStyle('carrousel');
+ $res = '<section class="visual">';
+ $res.='<div class="v1">';
+ $res.='<div class="slideshow">';
+ $res.='<div class="mask">';
+ $res.='<div class="slideset">';
+ $c = 0;
+ foreach ($datas['images'] as $image) {
+ $res.=$this->_slide($image);
+ $c++;
+ }
+ $res.='</div>';
+ $res.='</div>';
+ $res.=$this->_nav($c);
+ $res.=$this->_caption($datas['titre']);
+ $res.='</div>';
+ $res.='</div>';
+ $res.='</section>';
+ return $res;
+ }
+
+ protected function _slide($image) {
+ return '<div class="slide">' . $this->view->imageCms($image, '', -1, -1) . '</div>';
+ }
+
+ protected function _nav($count) {
+ $res = '<div class="pagination">';
+ $items = array();
+ for ($i = 0; $i < $count; $i++) {
+ $items[] = $this->view->link('', '#', array('data-n' => $i));
+ }
+ $res.=$this->view->listUnordered($items);
+ $res.='</div>';
+ return $res;
+ }
+
+ protected function _caption($title) {
+ $res = '<div class="caption">';
+ $res.= $this->view->markupDotclear($title, array(), array('class' => 'holder'));
+ $res.='</div>';
+ return $res;
+ }
+
+}
+?>
--- /dev/null
+<?php
+
+class CCGM_View_Helper_Leftbar extends Zend_View_Helper_Abstract {
+
+ public function leftbar() {
+ if (!$this->view->showsidebar) {
+ return;
+ }
+
+ $n = $this->view->navigation()->menu()->setExpandSiblingNodesOfActiveBranch()->renderMenu($this->view->currentRubrique, array('maxDepth' => 2));
+ if ($n == '') {
+ $this->view->showsidebar = false;
+ return;
+ }
+
+
+ $n = preg_replace('#\<a(.*)\>(.*)\((.*)\)(.*)\<\/a\>#i', '<a$1>$2<span>($3)</span>$4</a>', $n);
+
+ $this->view->headScript()->addScriptAndStyle('sidebar');
+
+ $res = '<div id="sideholder"><aside id="sidebar">';
+ $res.='<nav class="sidenav">';
+ $res.=$n;
+ $res.='</nav>';
+ $res.='</aside></div>';
+ return $res;
+ }
+
+}
+
+?>
<?php\r
+$this->showbreadcrubms = $this->showsidebar = $this->showtopimage = false;\r
$this->headScript()->addScriptAndStyle('home');\r
+\r
+echo $this->carrousel($this->carrousel);\r
?>\r
\r
-<section class="visual">\r
- <div class="v1">\r
- <div class="slideshow">\r
- <div class="mask">\r
- <div class="slideset">\r
- <div class="slide"><img src="images/img1.jpg" width="1282" height="443" alt="image description"></div>\r
- <div class="slide"><img src="images/img2.jpg" width="1282" height="443" alt="image description"></div>\r
- <div class="slide"><img src="images/img3.jpg" width="1282" height="443" alt="image description"></div>\r
- <div class="slide"><img src="images/img4.jpg" width="1282" height="443" alt="image description"></div>\r
- </div>\r
- </div>\r
- <div class="pagination">\r
- <ul>\r
- <li class="active"><a href="#">1</a></li>\r
- <li><a href="#">2</a></li>\r
- <li><a href="#">3</a></li>\r
- <li><a href="#">4</a></li>\r
- </ul>\r
- </div>\r
- <div class="caption"><div class="holder"><span>Service de</span> Radiothérapie Curiethérapie Oncologie</div></div>\r
- </div>\r
- </div>\r
-</section>\r
+\r
<div id="main">\r
<section class="services">\r
- <div class="col">\r
- <img class="icon" src="images/centre.svg" width="73" height="73" alt="Le centre">\r
- <div class="text-box">\r
- <h1>Le centre</h1>\r
- <p>Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore</p>\r
- <a href="#" class="more">En savoir +</a>\r
- </div>\r
- </div>\r
- <div class="col">\r
- <img class="icon" src="images/parcours.svg" width="73" height="73" alt="Parcours patien">\r
- <div class="text-box">\r
- <h1>Parcours patient</h1>\r
- <p>Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut </p>\r
- <a href="#" class="more">En savoir +</a>\r
- </div>\r
- </div>\r
- <div class="col">\r
- <img class="icon" src="images/pathologies.svg" width="73" height="73" alt="Parcours patient">\r
- <div class="text-box">\r
- <h1>Pathologies</h1>\r
- <p>Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore</p>\r
- <a href="#" class="more">En savoir +</a>\r
- </div>\r
- </div>\r
+ <?php\r
+ for ($i = 1; $i <= 3; $i++) {\r
+ $b = $this->blocs['b_' . $i];\r
+ echo '<div class="col">';\r
+ echo $this->image('/images/' . $b['icone'] . '.svg', $b['titre'], 73, 73, array('class' => 'icon'));\r
+ echo '<div class="text-box">';\r
+ echo '<h1>' . $b['titre'] . '</h1>';\r
+ echo '<p>' . $b['texte'] . '</p>';\r
+ if ($b['lien']['label']) {\r
+ echo $this->linkInternal($b['lien']['label'], $b['lien']['page'], array('class' => 'more'));\r
+ }\r
+ echo '</div>';\r
+ echo '</div>';\r
+ }\r
+ ?>\r
</section>\r
</div>\r
<?php\r
-\r
-echo $this->actualites($this->actualites);\r
-?>
\ No newline at end of file
+echo $this->actualites($this->actualites);
\ No newline at end of file
-<section class="visual add">\r
- <div class="v1">\r
- <div class="image-area"><img src="images/img6.jpg" width="1400" height="215" alt="image description"></div>\r
+<section id="content">\r
+ <h1>Pathologies</h1>\r
+ <div class="head">\r
+ <span class="sub-heading">Le digestif</span>\r
+ <span class="rectum">Le rectum</span>\r
+ <span class="scanner">Le scanner dosimétrique</span>\r
</div>\r
-</section>\r
-<div id="main">\r
- <nav class="breadcrumbs">\r
+ <p>Cet examen n’est pas réalisé dans un but de diagnostic : aucune interprétation ne sera réalisée.</p>\r
+ <div class="text-box">\r
+ <span class="heading">Ce scanner a pour but :</span>\r
<ul>\r
- <li><a href="#">Accueil</a></li>\r
- <li>Le centre</li>\r
+ <li>De définir votre positionnement pendant tout votre traitement (contention)</li>\r
+ <li>De pouvoir reconstruire virtuellement votre corps en 3D afin de délimiter plus précisément les zones à traiter et celles à protéger.</li>\r
</ul>\r
- </nav>\r
- <div class="twocolumns">\r
- <section id="content">\r
- <h1>Pathologies</h1>\r
- <div class="head">\r
- <span class="sub-heading">Le digestif</span>\r
- <span class="rectum">Le rectum</span>\r
- <span class="scanner">Le scanner dosimétrique</span>\r
- </div>\r
- <p>Cet examen n’est pas réalisé dans un but de diagnostic : aucune interprétation ne sera réalisée.</p>\r
- <div class="text-box">\r
- <span class="heading">Ce scanner a pour but :</span>\r
- <ul>\r
- <li>De définir votre positionnement pendant tout votre traitement (contention)</li>\r
- <li>De pouvoir reconstruire virtuellement votre corps en 3D afin de délimiter plus précisément les zones à traiter et celles à protéger.</li>\r
- </ul>\r
- </div>\r
- <div class="text-box">\r
- <span class="heading">Déroulement de l’examen :</span>\r
- <ul>\r
- <li>Des marques au feutre sont faites sur la peau</li>\r
- <li>Des repères métalliques sont posés sur les marques</li>\r
- <li>Le scanner est réalisé</li>\r
- <li>Les marques peuvent être déplacées si nécessaire</li>\r
- <li>Lorsque le positionnement est validé, des points de tatouages très discrets sont réalisés.</li>\r
- <li>Les images de ce scanner sont récupérées par le service de Physique médicale afin de réaliser la Dosimétrie</li>\r
- </ul>\r
- </div>\r
- <p>A la fin de cet examen, vous rencontrerez un manipulateur de radiothérapie qui fixera avec vous votre <br> début de traitement et vous expliquera les modalités de la radiothérapie.</p>\r
- <p>Des conseils vous seront donnés pour minimiser les effets secondaires : mesure d’hygiène, habillement, vie quotidienne…</p>\r
- <div class="suggestion">\r
- <span class="heading">Conseils</span>\r
- <ul>\r
- <li>Se laver avec un savon doux (Marseille, Alep)</li>\r
- <li>Privilégier les vêtements en coton au contact direct de la peau</li>\r
- <li>Suivre les conseils alimentaires </li>\r
- </ul>\r
- </div>\r
- </section>\r
- <aside id="sidebar">\r
- <nav class="sidenav">\r
- <ul>\r
- <li><a href="#">Sein</a></li>\r
- <li>\r
- <a href="#">Digestif</a>\r
- <div class="subnav">\r
- <div class="holder">\r
- <span class="heading">Le rectum</span>\r
- <ul>\r
- <li><a href="#">Le scanner dosimétrique</a></li>\r
- <li><a href="#">La dosimétrie</a></li>\r
- <li><a href="#">Le traitement</a></li>\r
- <li><a href="#">Effets secondaires</a></li>\r
- <li><a href="#">Le suivi</a></li>\r
- </ul>\r
- </div>\r
- <div class="holder">\r
- <span class="heading">L’oesophage</span>\r
- <ul>\r
- <li><a href="#">Le scanner dosimétrique</a></li>\r
- <li><a href="#">La dosimétrie</a></li>\r
- <li><a href="#">Le traitement</a></li>\r
- <li><a href="#">Effets secondaires</a></li>\r
- <li><a href="#">Le suivi</a></li>\r
- </ul>\r
- </div>\r
- </div>\r
- </li>\r
- <li><a href="#">Poumon</a></li>\r
- <li><a href="#">Encéphale</a></li>\r
- <li><a href="#">ORL</a></li>\r
- <li><a href="#">Gynéco</a></li>\r
- <li><a href="#">URO <span>(prostate/rein)</span></a></li>\r
- </ul>\r
- </nav>\r
- </aside>\r
</div>\r
-</div>
\ No newline at end of file
+ <div class="text-box">\r
+ <span class="heading">Déroulement de l’examen :</span>\r
+ <ul>\r
+ <li>Des marques au feutre sont faites sur la peau</li>\r
+ <li>Des repères métalliques sont posés sur les marques</li>\r
+ <li>Le scanner est réalisé</li>\r
+ <li>Les marques peuvent être déplacées si nécessaire</li>\r
+ <li>Lorsque le positionnement est validé, des points de tatouages très discrets sont réalisés.</li>\r
+ <li>Les images de ce scanner sont récupérées par le service de Physique médicale afin de réaliser la Dosimétrie</li>\r
+ </ul>\r
+ </div>\r
+ <p>A la fin de cet examen, vous rencontrerez un manipulateur de radiothérapie qui fixera avec vous votre <br> début de traitement et vous expliquera les modalités de la radiothérapie.</p>\r
+ <p>Des conseils vous seront donnés pour minimiser les effets secondaires : mesure d’hygiène, habillement, vie quotidienne…</p>\r
+ <div class="suggestion">\r
+ <span class="heading">Conseils</span>\r
+ <ul>\r
+ <li>Se laver avec un savon doux (Marseille, Alep)</li>\r
+ <li>Privilégier les vêtements en coton au contact direct de la peau</li>\r
+ <li>Suivre les conseils alimentaires </li>\r
+ </ul>\r
+ </div>\r
+</section>
\ No newline at end of file
--- /dev/null
+(function($) {\r
+ function JQcarrousel(element) {\r
+ this.element = element;\r
+ this.number = this.element.find('.slide').length;\r
+ this.currentIndex = -1;\r
+ this.duration = 0.5;\r
+ this.stay = 5;\r
+ this.animating = false;\r
+ this.timeout;\r
+ this.init();\r
+\r
+ }\r
+\r
+ JQcarrousel.prototype = {\r
+ init: function() {\r
+ var $this = this;\r
+ this.element.find('.pagination a').click(function() {\r
+ $this.gotoIndex($(this).data('n'));\r
+ return false;\r
+ });\r
+\r
+ this.gotoIndex(0);\r
+ },\r
+ goNext: function() {\r
+ this.gotoIndex(this.currentIndex + 1);\r
+ },\r
+ goPrev: function() {\r
+ this.gotoIndex(this.currentIndex - 1);\r
+ },\r
+ gotoIndex: function(index) {\r
+ if (this.animating) {\r
+ return;\r
+ }\r
+ var $this = this;\r
+ var dir = -1;\r
+ if (index > this.currentIndex) {\r
+ dir = 1;\r
+ }\r
+ index = (index + this.number) % this.number;\r
+ if (index == this.currentIndex) {\r
+ return;\r
+ }\r
+\r
+ this.resetTimer();\r
+ this.animating = true;\r
+\r
+ this.activatePuce(index);\r
+ var nextSlide = this.getSlide(index);\r
+\r
+ if (this.currentIndex == -1) {\r
+ $(nextSlide).fadeIn(this.duration * 1000, function() {\r
+ $this.endTransition(index);\r
+ });\r
+ return;\r
+ }\r
+ var currentSlide = this.getSlide(this.currentIndex);\r
+ $(nextSlide).css('z-index', 2).fadeIn(this.duration * 1000, function() {\r
+ $this.endTransition(index);\r
+ });\r
+ $(currentSlide).css('z-index', 1).fadeOut(this.duration * 1000);\r
+ },\r
+ activatePuce: function(index) {\r
+ this.element.find('.pagination a').removeClass('active');\r
+ this.element.find('.pagination a[data-n="' + index + '"]').addClass('active');\r
+ },\r
+ endTransition: function(index) {\r
+ this.currentIndex = index;\r
+ this.animating = false;\r
+ this.resetTimer();\r
+ },\r
+ getSlide: function(index) {\r
+ return this.element.find('.slide:eq(' + index + ')');\r
+ },\r
+ resetTimer: function() {\r
+ clearTimeout(this.timeout);\r
+ var $this = this;\r
+ this.timeout = setTimeout(function() {\r
+ $this.goNext();\r
+ }, this.stay * 1000);\r
+ }\r
+ };\r
+\r
+ jQuery.fn.carrousel = function() {\r
+ return this.each(function() {\r
+ var $this = $(this);\r
+ $(this).data('carrousel', new JQcarrousel($this));\r
+ })\r
+ };\r
+})(jQuery);\r
+\r
+TO_LOAD_ONCE[TO_LOAD_ONCE.length] = 'load_carrousel();';\r
+\r
+function load_carrousel() {\r
+ $(".slideshow").carrousel();\r
+}
\ No newline at end of file
projects / ccgm.git / commitdiff