[plugin] plxMyCoinSlider : Diaporama

Frédéric · septembre 2013

Non ce ne l'es pas, mais on peux aussi le faire en js

[== JavaScript ==]
onclick="this.target='_blank';"

Jerry Wham · septembre 2013

Oui ou proprement

onclick="window.open(this.href);return false;"

joebart · septembre 2013

Merci à tous

Jos · septembre 2013

@Frédéric, @Jerry Wham : encore mieux

sylvain · septembre 2013

Bonjour, j'ai un problème avec le plugin :mad:
Quand j'insére le code indiqué dans une page statique je n'ai pas de diaporama, les photos sont les unes derrière les autres sur ma page
Je me suis rendu compte que l'éditeur de texte(cke editor) m'avait modifié le code initial!
Comment je peux régler ça?

Stéphane · septembre 2013

bonjour sylvain: il ne faut pas modifier les fichiers du theme avec un éditeur wysiwyg comme ckeditor car il modifie le contenu html des pages. De cet fait plus rien ne fonctionnne apres. Essaye de remettre déjà à niveau ton thème et de faire les modifs à partir d'un éditeur de texte genre notepad++ et d'envoyer après les modifs sur ton hénergeur par ftp

sylvain · septembre 2013

Désollé je pensais qu'en activant le bouton source je pouvais intégrer du php!
merci

Jerry Wham · septembre 2013

@sylvain : tu peux utiliser en plus de ckeditor le plugin editarea qui lui te permet d'entrer du code dans une page statique.

joebart · septembre 2013

Bonjour à tous, existe t'il un plugin équivalent pour faire avec du texte, et non des images ? J'ai cherché mais j'avoue ne pas avoir trouvé. Merci

Jerry Wham · octobre 2013

En fait, il y a un petit problème pour le chargement de jquery, s'il n'y a pas d'utilisation de la librairie avant l'activation du plugin.
Dans la méthode ThemeEndBody, si on regarde bien, le script de coin-slider est appelé avant jquery. Donc ça plante.
Pour que ça fonctionne, il faut modifier cette méthode ainsi :

	public function ThemeEndBody() {

		$keys = array('width','height','spw','sph','delay','sDelay','opacity','titleSpeed','effect','navigation','links','hoverPause');
		$parms = $this->getParams();
		$array= array();
		foreach($parms as $key => $value) {
			if(in_array($key, $keys) AND ($value['value']!='' OR $value['value']==1)) {
				if(in_array($key, array('navigation','links','hoverPause')))
					$array[] = $key.':'.($value['value']==1?'true':'false');
				elseif($value['type']=='numeric')
					$array[] = $key.':'.$value['value'];
				else
					$array[] = $key.":'".$value['value']."'";
			}
		}
		$string = $array ? implode(',',$array) : '';
	?>

<script type="text/javascript">
if (typeof jQuery == 'undefined') {
	document.write('<script type="text\/javascript" src="<?php echo PLX_PLUGINS ?>plxMyCoinSlider\/coin-slider\/jquery.min.js"><\/script>');
}
</script>
<?php echo '<script type="text/javascript" src="'.PLX_PLUGINS.'plxMyCoinSlider/coin-slider/coin-slider.js"></script>'."\n"; ?>

<script type="text/javascript">
$(document).ready(function() {
	$('#coin-slider').coinslider({<?php echo $string ?>});
});
</script>

Je me suis aperçu également que si l'on déplace le plugin (en déplaçant également tout le dossier images), il faut réinitialiser les images à charger dans le diaporama. Sinon, elles n'apparaissent pas.

bg62 · octobre 2013

bonjour

petits soucis avec le W3C:

An img element must have an alt attribute, except under certain conditions. For details, consult guidance on providing text alternatives for images.

…norama_6.jpg" title="panorama_6.jpg" /><span>création de site internet pour to…

et même chose pour toutes les images mises dans le plugin ....
est-il possible de corriger cela ???
voir ici aussi :
mise au point d'un nouveau thème
merci

Stéphane · octobre 2013

## Version 1.2 (04/10/2013) ##
[+] Paramétrage de l'utilisation (oui/non) de la version de jquery intégrée au plugin
[+] Ajout des balises alt pour les images
BUG Mauvais appel de jquery (contribution Jerry Wham)

bg62 · octobre 2013

Stéphane a écrit:

## Version 1.2 (04/10/2013) ##
[+] Paramétrage de l'utilisation (oui/non) de la version de jquery intégrée au plugin
[+] Ajout des balises alt pour les images
BUG Mauvais appel de jquery (contribution Jerry Wham)

YES grand merci ... vais tester aussi tôt que possible

fait plus d'erreur signalé mais je ne trouve pas "alt" avec firebug ....

Rohirrim · octobre 2013

Bonjour à tous,

ce plugin est super, mais y'a -til un moyen simple de le rendre responsive ? qu'il s'adapte "de lui-même" aux différentes config écrans ?

Stéphane · octobre 2013

@Rohirrim: dans le fichier plxMyCoinslider essaye en supprimant la ligne

.coin-slider { width: '.$this->getParam('width').'px !important }

Pas sur que ça rendra le slider responsive.

bg62 · octobre 2013

suggestion : pour pousser son efficacité au maximum
il reste un gros problème, bien que l'on entre les dimensions dans la config du plugin, les outils d’analyse signalent tous des erreurs du style

The following image(s) are missing width and/or height attributes.

si vous l'avez sur votre site, passez-le ici par exemple :
GTMetrix
et regardez les tests et résultats dans la rubrique "Page Speed"
ce serait bien de supprimer déjà ce problème pour le plugin

... sachant que pour les images insérées via le gestionnaire de médias, le même problème existe aussi ... mais là c'est le script complet de PluXml ....

bg62 · décembre 2013

bg62 a écrit:

suggestion : pour pousser son efficacité au maximum
il reste un gros problème, bien que l'on entre les dimensions dans la config du plugin, les outils d’analyse signalent tous des erreurs du style

The following image(s) are missing width and/or height attributes.

si vous l'avez sur votre site, passez-le ici par exemple :
GTMetrix
et regardez les tests et résultats dans la rubrique "Page Speed"
ce serait bien de supprimer déjà ce problème pour le plugin

... sachant que pour les images insérées via le gestionnaire de médias, le même problème existe aussi ... mais là c'est le script complet de PluXml ....

Voilà un exemple de ce que j'ai avec le slider actuellement en ligne :

[== Indéfini ==]
http://blog.unesourisetmoi.info/data/images/a_webgobbler_03.jpg (Dimensions: 650 x 130)
http://blog.unesourisetmoi.info/data/images/actualites.jpg (Dimensions: 650 x 130)
http://blog.unesourisetmoi.info/data/images/apprendre-google.jpg (Dimensions: 650 x 130)
http://blog.unesourisetmoi.info/data/images/chambres-hotes.jpg (Dimensions: 650 x 130)
http://blog.unesourisetmoi.info/data/images/communiques.jpg (Dimensions: 650 x 130)
http://blog.unesourisetmoi.info/data/images/coups-de-gueule.jpg (Dimensions: 650 x 130)
http://blog.unesourisetmoi.info/data/images/creations-numeriques.jpg (Dimensions: 650 x 130)
http://blog.unesourisetmoi.info/data/images/google-yahoo-bing.jpg (Dimensions: 650 x 130)
http://blog.unesourisetmoi.info/data/images/humour.jpg (Dimensions: 650 x 130)
http://blog.unesourisetmoi.info/data/images/liens-en-dur.jpg (Dimensions: 650 x 130)
http://blog.unesourisetmoi.info/data/images/liens-utiles.jpg (Dimensions: 650 x 130)
http://blog.unesourisetmoi.info/data/images/sur-le-net.jpg (Dimensions: 650 x 130)

la version du plugin est bien la dernière
et les erreurs continuent d'être signalées ....
@+

Jerry Wham · janvier 2014

Y a-t-il une possibilité pour que les images soient chargées au fur et à mesure de leur utilisation ? Car elles s'affichent avant que le plugin ne les masque sur des connections lentes.
Pour avoir un exemple si mes explications ne sont pas claires, voir ce site.

Merci.

Dudy · janvier 2014

Dany3d a écrit:

Super plugin stephane!
petit soucis lorsque je créé 5 images c'est ok, mais quand j'en enleve 1 ou 2 du slider pour en remettre une apres ca bug.(l'image s'ajoute pas aux autres, elle prend la place d'une autre dans le slider)
Difficile à expliquer mais en gros je ne peux pas le modifier correctement, suis obligé de retirer toutes les images pour refaire le diapo.
Je peux pas te montrer le bug car mon diapo marche nickel une fois que j'ai tout refais.
Au fait le max est de 5 photos?
merci

j ai exactement le même problème, après la 5eme image si j'ajoute des nouvelles elle prennent la place des autres en les effacent, et je dois tous refaire.

Stéphane · janvier 2014

@Dudy: peux-tu stp me détailler à partir de zéro les étapes de ce que tu fais, pour que je puisse reproduire point par point tes manips pour constater le problème. Merci

Dudy · janvier 2014

@Stéphane je suive ton tutorial au debut de cette article,
j'appelle le hook dans la sidebar.php

[== PHP ==]
<?php eval($plxShow->callHook("MyCoinSlider")) ?>

j ai un petit slider de 250X250
et tout marche bien.
pour ajouter des nouvelles photos
je les charge d'abord dans les medias, dossier slider,je sélectionne le dernieres photos chargé
menu -->Pour la selection-->ajouter au diaporama, je valide, je vais dans le menu gauche MyCoinSlider et la le dernière photos chargé sont la mais les vieille sont effacè, en effet j'ai l'impression que je ne peu pas mettre pas plus que 5 photos
si jamais je vais essayer avec la dernière version de Pluxml et je te dirai

merci

Dudy · janvier 2014

Stéphane je viens de faire un test avec la 5.3 et tout marche bien

il faut que je mets a jour
merci pour ton intérêt

Stéphane · janvier 2014

Ha ben tant mieux.
Je viens de faire plusieurs tests en long et en large et je n'arrive pas à reproduire le problème.
En revanche je ne vois pas pourquoi ça fonctionnerait maintenant avec la 5.3 et pas avant.
Bon l'essentiel c'est que cela fonctionne, mais j'aime bien comprendre quand cela ne fonctionne pas et pourquoi

Dudy · janvier 2014

je vais essayer avec un version 5.2 e je te donnerai le liens

Dudy · janvier 2014

@Stephane c'est bon
j ai refait une nouvelle install est tout marche merci

Jerry Wham · janvier 2014

Cette nouvelle version embarque-t-elle un preloader pour les images?
Car pour l'ancienne version, si le diaporama contenait beaucoup d'images et en fonction de la connexion, cela pouvait prendre 3 plombes avant que le diaporama commence à défiler.

noogaty · février 2014

Bonjour,
Y aurait-il une solution pour que quand les liens des images soient activés, le lien s'ouvre dans une nouvelle fenêtre ?
J'ai essayé de glisser un :

[== Indéfini ==]
onclick="window.open(this.href); return false;"

qui est valide W3C dans le code de coin-slider.js, mais je n'y arrive pas ...
Un peu d'aide serait la bienvenue ...
Merci !

Stéphane · février 2014

@noogaty: je ne te promets pas que ça va fonctionner car je n'ai pas sous la main de quoi tester
Editer le fichier plxMyConSlider.php dans le dossier du plugin et remplace la ligne

echo '<a href="'.plxUtils::strCheck($onclick).'"><img alt="" src="'.plxUtils::strCheck($slide['url']).'" title="'.plxUtils::strCheck($slide['title']).'" /><span>'.strip_tags($slide['description'], '<strong><b><em><br>')."</span></a>\n";

par

echo '<a href="javascript:void(0)" onclick="window.open(\''.plxUtils::strCheck($onclick).'\'); return false;"><img alt="" src="'.plxUtils::strCheck($slide['url']).'" title="'.plxUtils::strCheck($slide['title']).'" /><span>'.strip_tags($slide['description'], '<strong><b><em><br>')."</span></a>\n";

Jerry Wham · février 2014

J'aurais plutôt mis :

echo '<a href="'.plxUtils::strCheck($onclick).'" onclick="window.open(this.href); return false;"><img alt="" src="'.plxUtils::strCheck($slide['url']).'" title="'.plxUtils::strCheck($slide['title']).'" /><span>'.strip_tags($slide['description'], '<strong><b><em><br>')."</span></a>\n";

car ainsi, si javascript n'est pas activé ou si on est sur un lecteur d'écran, on peut quand même suivre le lien.

noogaty · février 2014

Aucune des deux solutions ne fonctionnent ...

Pourtant dans le code source de la page, que ce soit en javascript ou directement, le code est bon, mais le lien s'ouvre toujours dans la même fenêtre ...

Avec le javascript, le lien ne s'ouvre pas du tout ...

Une autre idée ? :8

[plugin] plxMyCoinSlider : Diaporama

Réponses