04/06/2015, 15:04:52
Bonjour Jean,
Effectivement, une virgule en trop...
Que j'ai simplement recopié du "download" Foundation :
Bon, mais ça ne résout rien...
Super, effectivement, le "Markup Validation Service"
Oui, je vois les trois div "carousel" dans le code source... mais je ne trouve pas ce qui appelle deux fois de trop ce carousel... Gabarit "Responsive-news-Carousel", ou bien Gabarit de page !?
Voici le gabarit de page :
C'est bizarre... ça fonctionnait il y a peu. Et "je ne touche pas à ce qui fonctionne"...
enfin j'essaie...
Citation :Curieux, tu as répondu à 11h43 et je n'ai eu aucune notification par mail
Effectivement, une virgule en trop...
Que j'ai simplement recopié du "download" Foundation :
Code :
[== Indéfini ==]
<!-- Start News Display Template -->
{*
Configuration options for the caroussel
Example: <ul data-orbit data-options="timer_speed:3000; bullets:false;">
Available parameters:
timer_speed: 10000,
animation_speed: 500,
bullets: true,
stack_on_small: true,
container_class: 'orbit-container',
stack_on_small_class: 'orbit-stack-on-small',
next_class: 'orbit-next',
prev_class: 'orbit-prev',
timer_container_class: 'orbit-timer',
timer_paused_class: 'paused',
timer_progress_class: 'orbit-progress',
slides_container_class: 'orbit-slides-container',
bullets_container_class: 'orbit-bullets',
bullets_active_class: 'active',
slide_number_class: 'orbit-slide-number',
caption_class: 'orbit-caption',
active_slide_class: 'active',
orbit_transition_class: 'orbit-transitioning'
*}
<div id="carousel">
<div class="small-12 columns">
<ul data-orbit data-options="timer_speed:3000; bullets:false; stack_on_small: true,">
{foreach from=$items item=entry}
<li>
<div class="small-10 small-centered columns">
{foreach from=$entry->fields item='field'}
{if $field->type == 'file' && $field->value != ''}
{if isset($entry->fields)}
<a href="{$entry->moreurl}" title="{$entry->title|cms_escape:htmlall}"><img class="right" src="{CGSmartImage src1=$entry->file_location src2=$field->value alias1='large_thumbnail' notag=1}" alt="{$entry->title|cms_escape}" /></a>
{/if}
{/if}
{/foreach}
<h2 class="noMarginBottom"><a href="{$entry->moreurl}" title="{$entry->title|cms_escape:htmlall}">{$entry->title|cms_escape}</a></h2>
{if $entry->summary}
<p class="NewsSummary">{eval var=$entry->summary}</p>
{elseif $entry->content}
{eval var=$entry->content}
{/if}
</div>
</li>
{/foreach}
</ul>
</div>
</div>Bon, mais ça ne résout rien...
Citation :Regarde ton code source, tu as 3 fois la <div id=carousel>
Super, effectivement, le "Markup Validation Service"
Oui, je vois les trois div "carousel" dans le code source... mais je ne trouve pas ce qui appelle deux fois de trop ce carousel... Gabarit "Responsive-news-Carousel", ou bien Gabarit de page !?
Voici le gabarit de page :
Code :
[== Indéfini ==]
{process_pagedata}{strip}
{cms_lang_info assign='nls'}
{content assign='maincontent' label='Normal Content'}
{content block='mobileonly' assign='mobileonly' label='Mobile only Content'}
{mobile}{capture assign='mobiletemp'}{$mobile_detect}{/capture}
{/strip}<!DOCTYPE html >
<!--[if IE 9]><html class="lt-ie10" lang="{if isset($nls)}{$nls->htmlarea()}{/if}" > <![endif]-->
<html class="no-js" lang="{if isset($nls)}{$nls->htmlarea()}{/if}">
<head>
<title>{if $page_name !='home'}{title} - {/if}{sitename}</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name='HandheldFriendly' content='true' />
{metadata}
{if isset($canonical)}
<link rel="canonical" href="{$canonical}" />
{elseif isset($content_obj)}
<link rel="canonical" href="{$content_obj->GetURL()}" />
{/if}
{* Link to foundation static stylesheets*}
<link rel="stylesheet" href="{root_url}/foundation-5.0.2/css/normalize.css">
<link rel="stylesheet" href="{root_url}/foundation-5.0.2/css/foundation.min.css" />
{* Link to stylesheets on the database*}
{cms_stylesheet}
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'>
<script src="{root_url}/foundation-5.0.2/js/modernizr.js"></script>
{* Relational links for interconnections between pages, good for accessibility and Search Engine Optmization *}
{cms_selflink dir='start' rellink='1'}
{cms_selflink dir='prev' rellink='1'}
{cms_selflink dir='next' rellink='1'}
</head>
<body>
{* Image top-header début *}
<div class="top-header">{global_content name='topheader'}</div>
{* Image top-header fin *}
{* image-page-spécifique Facebook *}
{content block="Vignette facebook" wysiwyg="false" oneline="true" size="70" label="(Option) Vignette image pour partage facebook. Indiquez le nom de l'image (+extension) que vous avez uploadée dans le dossier thumbsFacebook (pas de caractères spéciaux, ni espaces, min width 200px)" assign="thumbFacebook"}
{* Facebook bouton J'aime *}
<div id="fb-root"></div>
{literal}
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
{/literal}
<nav class="top-bar" data-topbar>
<ul class="title-area">
<!-- Emplacement du Titre -->
<li class="name">
<h1 id="logo"><a href={root_url}>{sitename}</a></h1>
</li>
<li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
</ul>
{menu template="responsive-main-menu" excludeprefix="sitemap"}
</nav>
{* Page name and Breadcrumbs hidden if it's the home page*}
<header id="{$page_name}">
<div class="row">
{if $page_name =='home'}
<div id="carousel">{news summarytemplate="responsive-news-carousel" number="4"}</div>
{else}
<div class="large-7 columns">
<h3>{title}</h3>
</div>
<div class="large-5 columns">
{menu template="responsive-sub-nav" start_level="2"}
</div>
{/if}
</div>
</header>
<div class="row">
<div class="large-8 columns">
{if $page_name !='home'}
<div class="hide-for-small" id="breadcrumbs">
{menu root="home" action="breadcrumbs" template="responsive-breadcrumbs"}
</div>
{/if}
{*If the Mobile content is empty we show the normal content*}
{if $mobiletemp && $mobileonly != ''}
{$mobileonly}
{else}
{$maincontent}
{/if}
</div>
<div class="large-4 columns">
<div id="search">{search search_method="post"}</div>
<div class="panel news" id="news">
<h5>Actualités</h5>
{news detailtemplate="responsive-news-detail" detailpage="responsive-news-template" number="2"}
<div class="small-8 small-offset-4 row">
{cms_selflink page="actualite" title="Plus de News" class="noMarginBottom right tiny button secondary right"}
</div>
</div>
</div>
</div>
{*REMARQUE: vous pouvez utiliser un bloc de contenu global spécifique pour afficher un pied de page différent sur la version mobile*}
<footer class="hide-for-small">
<div class="row">
<div class="large-12 columns">
</div>
</div>
</footer>
<div id="copyright">
<div class="row full-width">
<div class="small-12 columns">
{global_content name='footer'}
</div>
</div>
</div>
<script src="{root_url}/foundation-5.0.2/js/jquery.js"></script>
<script src="{root_url}/foundation-5.0.2/js/foundation.min.js"></script>
{literal}
<script>
$(document).foundation();
</script>
{/literal}
</body>
</html>C'est bizarre... ça fonctionnait il y a peu. Et "je ne touche pas à ce qui fonctionne"...
enfin j'essaie...