[fr-fr] [Réglé]Question débutant : smd_thumbnail et nivo_slider

Ber · 2012-05-03 13:55:32

Connaissez-vous un hébergeur gratuit qui pourrait faire l’affaire ?
J’en ai testé plusieurs mais en vain … Est-ce qu’il faut d’office passer sur du payant?

CeBe · 2012-05-03 17:09:53

Ber a écrit:

Connaissez-vous un hébergeur gratuit qui pourrait faire l’affaire ?
J’en ai testé plusieurs mais en vain … Est-ce qu’il faut d’office passer sur du payant?

J’en connais un pas gratuit, mais presque

joebaich · 2012-05-03 17:52:57

Vous pouvez voir Nivo Slider sur mon site TXP ici.

Code pour appeler les images:

<div id="slider-wrapper"class="column grid_12">	
<div id="slider"> <txp:images category="cars2011" wraptag="" class="" break="" ><txp:image /></txp:images></div>
</div><!-- end #slider-wrapper -->

Javascript

<txp:if_section name="default">
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> 
	<script type="text/javascript" src="<txp:link_to_home />assets/js/jquery.nivo.slider.pack.js"></script>
	<script type="text/javascript">
	$(window).load(function() {
	    $('#slider').nivoSlider({
	        effect:'random', // Specify sets like: 'fold,fade,sliceDown'
	        slices:20, // For slice animations
	        boxCols: 10, // For box animations
	        boxRows: 4, // For box animations
	        animSpeed:900, // Slide transition speed
	        pauseTime:12000, // How long each slide will show
	        startSlide:0, // Set starting Slide (0 index)
	        directionNav:true, // Next & Prev navigation
	        directionNavHide:true, // Only show on hover
	        controlNav:true, // 1,2,3... navigation
	        controlNavThumbs:false, // Use thumbnails for Control Nav
	        controlNavThumbsFromRel:false, // Use image rel for thumbs
	        controlNavThumbsSearch: '.jpg', // Replace this with...
	        controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
	        keyboardNav:true, // Use left & right arrows
	        pauseOnHover:true, // Stop animation while hovering
	        manualAdvance:false, // Force manual transitions
	        captionOpacity:0.6, // Universal caption opacity
	        prevText: 'Prev', // Prev directionNav text
	        nextText: 'Next', // Next directionNav text
	    });
	});
	</script>
</txp:if_section>

J’espère que ça aide. Pardonnez mon français imparfait.

sacripant · 2012-05-03 18:39:22

Waouh, ça c’est d’la prise en charge de nioube ! Bravo et bienvenu à Ber.

Ber · 2012-05-03 18:44:12

Franchement, c’est bien une des raisons pourquoi je vais persévéré dans TXP : la communauté … En progra, je suis un véritable nul… Heureusement pour moi que j’excelle ailleurs et je sais ce que c’est que de prendre du temps pour expliquer, ré-expliquer, faire à la place des plus “”“faibles”“”…

Un tout grand merci à toutes les personnes qui sont intervenues sur le forum et aussi à Mr Joebaich avec son exemple bien précis ;) Avez-vous pris le style css par défaut pour nivo_slider?

Last edited by Ber (2012-05-03 19:01:25)

joebaich · 2012-05-03 19:14:27

Ber wrote:

Avez-vous pris le style css par défaut pour nivo_slider?

Oui, mais inévitablement J’ai fait quelques modifications mineures pour l’adapter à l’espace disponible et correspondre à l’apparence du site. Nivo-Slider CSS est bien documenté et il n’était donc pas difficile. Bon chance !

Ber · 2012-05-14 12:20:56

J’ai essayé mais un problème se pose …

J’utilise sur mon site : whoisbuch.info le plugin smd_slimbox. J’ai essaayé d’installé un autre slideshow que le votre : coin_slider (http://workshop.rs/2010/04/coin-slider-image-slider-with-unique-effects/)

Le problème est que lorsque j’ajoute, dans mon head, les références aux fichiers JS :
1 <script type=“text/javascript” src=“jquery-1.4.2.js”></script>
2 <script type=“text/javascript” src=“coin-slider.min.js”></script>
3 <link rel=“stylesheet” href=“coin-slider-styles.css” type=“text/css” />

Cela désactive l’effet slimbox (comme pour le moment) … Est-ce qu’il faut respecter une certaine limite d’appel script dans le head? Pourquoi est-ce que ça plante ?

Merci pour votre aide

CeBe · 2012-05-14 17:03:54

Ber a écrit:

Pourquoi est-ce que ça plante ?

Ah, les joies du Javascript !

Ça arrive – assez souvent il me semble – lorsqu’on utilise plusieurs scripts ou librairies en même temps et qu’elles entrent en conflit.

Solutions :

chercher d’autres scripts compatibles entre eux (ça peut prendre un certain temps)
chercher dans les scripts ce qui pose problème (il faut savoir faire, et ça peut aussi prendre un certain temps)

sacripant · 2012-05-14 17:29:24

Si le site est en ligne sur une url de demo, donne nous l’adresse, qu’on puisse t’aider en ayant un point de vue sur le code. Parce que là… sans code sur lequel s’appuyer, on va pas aller très loin.

Ber · 2012-05-14 17:59:00

Voilà …

whoisbuch.info/textpattern

Login : dev
mdp : ****

Merci pour le coup de main …

[Modifié par modérateur pour enlever le mot de passe: c’est imprudent de mettre un mot de passe sur un forum, si tu veux donner un mot de passe à quelqu’un envoi lui un message privé ou un mail mais ne le met pas sur le forum!!]

Last edited by Dragondz (2012-05-14 20:00:59)

sacripant · 2012-05-14 18:23:29

Première chose à faire : un choix entre mootools ou Jquery.
Ces 2 bibliothèques sont des framework Js similaires (requêtes et manipulation du DOM). Utiliser les 2 est une très mauvaise idée : redondance de fonctionnalités et causes de conflits.

Voilà, fais ton choix, et ensuite on verra comment faire fonctionner le plugin de slideshow que tu aura choisi en fonction.

sacripant · 2012-05-14 18:38:57

Autre chose assez importante : Le type de module que tu dois utiliser a une importance.

Ton module Header était de type article. Ce n’est pas un article… Pour cela utilise un module de type misc.

Et sémantiquement, évite de le nommer header. Un header est l’entête d’un contenu (qui se trouve à l’intérieur de la balise <body>, souvent utilisé pour le logo, la baseline, etc.), de plus la balise <header> existe en html5, alors que toi tu souhaite parler de l’entête de la page html qui se trouve dans la balise head.
Nomme le head ou start

Ber · 2012-05-14 19:19:04

Ok ok … Je dois vous avouer que je suis débutant dans l’histoire et que le JS est un langage que je ne maitrise pas… Pour le choix de la framwork, je dirais Jquery.

Par contre, merci ! C’est avec ce genre d’intervention que j’apprends ;)

Last edited by Ber (2012-05-14 19:21:29)

Ber · 2012-05-15 10:21:12

Voilà, je viens de changer slimbox pour FancyBox et j’ai installé Nivo_Slider …

Par contre, un nouveau problème se pose : est-ce que quelqu’un aurait une piste de recherche sur comment utiliser les category d’images de TXP dans Nivo_Slider et les informations (légendes) d’images ajoutées dans TXP ? Pour le moment,les images sont affichées via un code HTML. J’aimerais utiliser le SlideShow avec une balise txp qui gère category …

Merci du coup de main ;)

joebaich · 2012-05-15 11:02:43

Ber wrote:

Voilà, je viens de changer slimbox pour FancyBox et j’ai installé Nivo_Slider …

Par contre, un nouveau problème se pose : est-ce que quelqu’un aurait une piste de recherche sur comment utiliser les category d’images de TXP dans Nivo_Slider et les informations (légendes) d’images ajoutées dans TXP ? Pour le moment,les images sont affichées via un code HTML. J’aimerais utiliser le SlideShow avec une balise txp qui gère category …

Merci du coup de main ;)

Tout ce que vous avez besoin est dans mon premier post dans cette rubrique.

Textpattern CMS

Textpattern CMS support forum

#16 2012-05-03 13:55:32

Re: [fr-fr] [Réglé]Question débutant : smd_thumbnail et nivo_slider

#17 2012-05-03 17:09:53

Re: [fr-fr] [Réglé]Question débutant : smd_thumbnail et nivo_slider

#18 2012-05-03 17:52:57

Re: [fr-fr] [Réglé]Question débutant : smd_thumbnail et nivo_slider

#19 2012-05-03 18:39:22

Re: [fr-fr] [Réglé]Question débutant : smd_thumbnail et nivo_slider

#20 2012-05-03 18:44:12

Re: [fr-fr] [Réglé]Question débutant : smd_thumbnail et nivo_slider

#21 2012-05-03 19:14:27

Re: [fr-fr] [Réglé]Question débutant : smd_thumbnail et nivo_slider

#22 2012-05-14 12:20:56

Re: [fr-fr] [Réglé]Question débutant : smd_thumbnail et nivo_slider

#23 2012-05-14 17:03:54

Re: [fr-fr] [Réglé]Question débutant : smd_thumbnail et nivo_slider

#24 2012-05-14 17:29:24

Re: [fr-fr] [Réglé]Question débutant : smd_thumbnail et nivo_slider

#25 2012-05-14 17:59:00

Re: [fr-fr] [Réglé]Question débutant : smd_thumbnail et nivo_slider

#26 2012-05-14 18:23:29

Re: [fr-fr] [Réglé]Question débutant : smd_thumbnail et nivo_slider

#27 2012-05-14 18:38:57

Re: [fr-fr] [Réglé]Question débutant : smd_thumbnail et nivo_slider

#28 2012-05-14 19:19:04

Re: [fr-fr] [Réglé]Question débutant : smd_thumbnail et nivo_slider

#29 2012-05-15 10:21:12

Re: [fr-fr] [Réglé]Question débutant : smd_thumbnail et nivo_slider

#30 2012-05-15 11:02:43

Re: [fr-fr] [Réglé]Question débutant : smd_thumbnail et nivo_slider

Board footer