Vous n'êtes pas identifié(e).
13 février 2024 Sortie de Dotclear 2.29
Bonjour,
un p'tit message pour annoncer la toute première version d'un nouveau plugin permettant d'ajouter un slider dans votre blog.
Côté public, le slider est motorisé par bxSlider
Pour le moment, vous pouvez :
- activer/désactiver le plugin
- ajouter une liste d'images.
Le slider s'affiche dans le haut de toutes les pages en utilisant le behavior publicTopAfterContent
La version 0.1.0 est disponible sur mon serveur pour le moment : http://www.nikrou.net/public/plugin-dcSlider-0.1.0.zip
Je préfère être atteint de parkinson plutôt qu'alzheimer : je prefère renverser un peu de ma bière plutôt qu'oublier de la boire !
Présentez vos photos simplement avec Phyxo !
Hors ligne
Je test à l'instant même, et j'avous ne pas avoir compris, après l'activation du plugin, comment indiquer une image dans la liste (sans passer par le sélecteur de média) ?
Dernière modification par i_love_dc (2014-11-30 13:58:36)
Hors ligne
Je test à l'instant même, et j'avous ne pas avoir compris, après l'activation du plugin, comment indiquer une image dans la liste (sans passer par le sélecteur de média) ?
Il faut mettre les chemins relatifs (ou absolus d'ailleurs) vers les images à utiliser. C'est temporaire mais c'est pour voir ce que ça donne.
Les chemins sont du style : /dotclear/public/image1.jpg
Je préfère être atteint de parkinson plutôt qu'alzheimer : je prefère renverser un peu de ma bière plutôt qu'oublier de la boire !
Présentez vos photos simplement avec Phyxo !
Hors ligne
ouki je viens d'essayer..
ca fonctionne bien semble t-il (je vais approfondir les tests)...
c'est très jolie et bien fait :-) je like ^^
j'ai fait des test avec des images de tailles différentes, les grandes sont redimensionné au format pour les petites l'encart reste a la bonne taille aussi (taille certainement standard que tu a prédéfini e suppose ??)
le responsive fonctionne a merveille...une tuerie...
ca fonctionne lorsque un blog utilise "homepagemode"
par contre...le code est pris dans le top, du coup sur un blog de test en local...jai changé le titre du blog H1 par une image et mis un effet de transition + opacité....
l'effet ce repercute sur le slider qui devient opaque (voir invisible) lorsque je pose la souris dessus
Dernière modification par i_love_dc (2014-11-30 14:21:14)
Hors ligne
ouki je viens d'essayer..
ca fonctionne bien semble t-il (je vais approfondir les tests)...
c'est très jolie et bien fait :-) je like ^^
Si tu regardes, côté slider je n'ai pas fait grand chose. J'utilise le code proposé par l'auteur sur la page suivante :
http://bxslider.com/ (step 2)
Et j'utilise sa css.
j'ai fait des test avec des images de tailles différentes, les grandes sont redimensionné au format pour les petites l'encart reste a la bonne taille aussi (taille certainement standard que tu a prédéfini e suppose ??)
Je n'ai rien défini. J'utilise les images fournies !
le responsive fonctionne a merveille...une tuerie...
Encore une fois ce n'est malheureusement pas moi ! :-)
ca fonctionne lorsque un blog utilise "homepagemode"
par contre...le code est pris dans le top, du coup sur un blog de test en local...jai changé le titre du blog H1 par une image et mis un effet de transition + opacité....
l'effet ce repercute sur le slider qui devient opaque (voir invisible) lorsque je pose la souris dessus
Après réflexion, je ne pense pas que ce soit le meilleur emplacement pour mettre le slider.
J'ai commencé à faire une version avec le tag à insérer, ce sera mieux je pense. Je vérifie deux ou trois trucs et je le mets à disposition.
Je préfère être atteint de parkinson plutôt qu'alzheimer : je prefère renverser un peu de ma bière plutôt qu'oublier de la boire !
Présentez vos photos simplement avec Phyxo !
Hors ligne
afin d'éviter des problèmes comme je t'ai indiqué ci-dessus..l'inclusion auto serait mieux apres le "top"
ensuite, je ne sais pas si c'est du a ca, mais il ne manquerait pas un "/ " pour refermer la balise juste après le alt" " ??"
exemple à l'heure actuelle
<ul class="bxslider">
<li><img src="/dotclear/public/dossier1/images-avec-tiret-et-numero1.jpg
" alt=""></li><li><img src="/dotclear/public/dossier1/lol.jpg
" alt=""></li><li><img src="/dotclear/public/dossier1/pouet.jpg
" alt=""></li><li><img src="/dotclear/public/dossier/un_long_nom_avec_des_trucs_bizzarre_.jpg" alt=""></li></ul>
<script type="text/javascript">$(function() {
$('.bxslider').bxSlider({
});});</script></div>
me provoque autant d’invalidités que d'images
par contre
<ul class="bxslider">
<li><img src="/dotclear/public/dossier1/images-avec-tiret-et-numero1.jpg
" alt=""/></li><li><img src="/dotclear/public/dossier1/lol.jpg
" alt=""/></li><li><img src="/dotclear/public/dossier1/pouet.jpg
" alt=""/></li><li><img src="/dotclear/public/dossier/un_long_nom_avec_des_trucs_bizzarre_.jpg" alt=""/></li></ul>
<script type="text/javascript">$(function() {
$('.bxslider').bxSlider({
});});</script></div>
serait valide je pense non??
Dernière modification par i_love_dc (2014-11-30 14:36:08)
Hors ligne
Et hop, version 0.2.0 :
http://www.nikrou.net/public/plugin-dcSlider-0.2.0.zip
Au menu :
- ajout d'un tag dcSlider à mettre où on veut.
- un peu d'aide
Je préfère être atteint de parkinson plutôt qu'alzheimer : je prefère renverser un peu de ma bière plutôt qu'oublier de la boire !
Présentez vos photos simplement avec Phyxo !
Hors ligne
Je viens d'essayer d'autres thèmes par exemple dcBoostrap, blowup, dcbs, blue slience...
L'inclusion auto n'est pas bonne, elle ce fait dans le top et fausse toute lecture du menu et fausse également la mise en page (selon les themes)...
afin d'éviter des problèmes comme je t'ai indiqué ci-dessus il faudrait peut être bien quelle se fasse après le "top"
dans le "main"??
ensuite, je clique sur activer le plugin mais pas sur l'inclut auto, je met des liens d'images...j'enregistre, je retourne voir dans l'onglet "installation"...et la rien ^^
EDIT - j'ai trouvé les infos dans l'onglet "en haut a droite = Besoin d'aide ?", mais ce n'est pas le + intuitif ^^
Dernière modification par i_love_dc (2014-11-30 14:58:05)
Hors ligne
Juste une idée :
-1- faire comme pour simple menu et fournir un widget qui permettra ainsi d'insérer un <tpl:Widget> là où on veut dans un thème personnalisé,
-2- permettre d'activer ou pas dans l'admin du plugin le behavior qui convient le mieux parmi une liste pré-définie
Le B.A.BA : https://abc.dotaddict.org
La doc DC2 : https://fr.dotclear.org/documentation/2.0
Mes extensions : https://www.mirovinben.fr/blog/index.ph … pluginsDC2
Mes marqueurs de template : https://www.mirovinben.fr/blog/index.php?post/id3553
Hors ligne
Je viens d'essayer d'autres thèmes par exemple dcBoostrap, blowup, dcbs, blue slience...
L'inclusion auto n'est pas bonne, elle ce fait dans le top et fausse toute lecture du menu et fausse également la mise en page (selon les themes)...
afin d'éviter des problèmes comme je t'ai indiqué ci-dessus il faudrait peut être bien quelle se fasse après le "top"
dans le "main"??
Par contre jai l’inclue le tag dans le "main" du home.html, categorie.html,...ca passe nickel :)
mais cela ne fonctionne pas quand j’inclue le tag dans le homepagemode.html (ni dans son admin)
ensuite, je clique sur activer le plugin mais pas sur l'inclut auto, je met des liens d'images...j'enregistre, je retourne voir dans l'onglet "installation"...et la rien ^^
EDIT - j'ai trouvé les infos de l'aide a l’installation = le tag dans l'onglet "en haut a droite = Besoin d'aide ?", mais ce n'est pas le + intuitif ^^
Dernière modification par i_love_dc (2014-11-30 15:17:30)
Hors ligne
Comme je le disais, dans le _top.html ce n'est pas génial. Je vais donc abandonner l'inclusion automatique.
D'autre part, il n'y a pas de behavior adapté pour mettre en haut de page.
Je préfère être atteint de parkinson plutôt qu'alzheimer : je prefère renverser un peu de ma bière plutôt qu'oublier de la boire !
Présentez vos photos simplement avec Phyxo !
Hors ligne
Dans le dossier /dcSlider > /inc> dcslider.tpl.php
la ligne :
$res .= '<?php printf(\'<li><img src="%s" alt=""></li>\', $image);?>';
corrigée de cette manière
$res .= '<?php printf(\'<li><img src="%s" alt=""/></li>\', $image);?>';
rend le code pour les images valide
Dans le /dcSlider > /inc> dcslider.behaviors.php
la ligne :
$res .= sprintf(
'<link rel="stylesheet" type="text/css" href="%s/css/jquery.bxslider.css">'."\n",
html::stripHostURL($core->blog->getQmarkURL().'pf=dcSlider')
);
corrigée de cette maniere
$res .= sprintf(
'<link rel="stylesheet" type="text/css" href="%s/css/jquery.bxslider.css"/>'."\n",
html::stripHostURL($core->blog->getQmarkURL().'pf=dcSlider')
);
rend le code entièrement le plugin dcSlider valide \o/ !!!
.
Dernière modification par i_love_dc (2014-11-30 18:13:25)
Hors ligne
La version 2.7 devrait sortir très rapidement et je prépare donc l'avenir en sortant du html 5. Donc le code généré est parfaitement valide au regard de la dtd html 5.
Je préfère être atteint de parkinson plutôt qu'alzheimer : je prefère renverser un peu de ma bière plutôt qu'oublier de la boire !
Présentez vos photos simplement avec Phyxo !
Hors ligne
ça m'a l'air prometteur tout ça. Bravo.
une version ultérieure avec un {{EntryFirtImage}} des billets sélectionnées serait-elle au programme de développement ? ...pour rejoindre ce que fait le (vieillissant) thème Chesnut pour ne pas le nommer... ;)
Bertrand ; administrateur de : http://acturoc.fr/2029ouplus ; http://omarlatuee.free.fr ; http://crispysnails.free.fr ; http://lasduvolantroquefortois.fr ; http://sophiatt.com...et d'autres à venir... :) !
Hors ligne
Oui mais il faut que je m'y remette !
Je préfère être atteint de parkinson plutôt qu'alzheimer : je prefère renverser un peu de ma bière plutôt qu'oublier de la boire !
Présentez vos photos simplement avec Phyxo !
Hors ligne
Bonsoir.
Bonne idée et jolie réalisation merci.
J'ai testé sur Ductile, ça casse effectivement le haut du blog, et les trois petites vignettes type étendard en haut à droite du blog sont désordonnées. La dernière "?" disparaît complètement.
[EDIT]: ce n'est plus le cas avec la version 0.2.0.
J'ai testé avec des images bruts de décoffrage sur une adresse absolue.
Merci pour cette adaptation c'est une chouette idée.
Dernière modification par Smat (2014-12-11 21:03:00)
Geek par intermittence, amateur de vieilles Citroën, de logiciels libres et de galettes saucisses !
Hors ligne
Hors ligne
Bonjour nikrou, je reviens aux nouvelles :-)
Un peu à l'instar de ce test adaptation d'un slider [Slider] Integrer un slider
ou l'on avait plus ou moins commencés "l'adaptation d'une bidouille" permettant d'afficher un slider qui utilisait les billets "sélectionnés".
Ton plugin permettrait-il lui aussi d'afficher des "billets sélectionnés"?
Hors ligne
Je n'ai pas encore eu le temps de m'y pencher sérieusement. Tu as l'archive de la toute première version et un exemple d'intégration sur mon blog.
Je préfère être atteint de parkinson plutôt qu'alzheimer : je prefère renverser un peu de ma bière plutôt qu'oublier de la boire !
Présentez vos photos simplement avec Phyxo !
Hors ligne
Désolé suite à une perte de disque dur j'ai tout perdu,
En revanche via le lien ci-dessus, voici toutes les infos que jai pu récupérer.
Démo du slider d'origine > Featured Content Slider
Archive du slider d'origine > Download the source code
Code html + boucle avec option billets sélectionnés adapté pour dotclear
<div id="featured" >
<tpl:Entries lastn="4">
<tpl:EntriesHeader><ul class="ui-tabs-nav"></tpl:EntriesHeader>
<tpl:EntryIf first="1">
<li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-{{tpl:EntryID}}">
<a href="#fragment-{{tpl:EntryID}}">{{tpl:EntryFirstImage size="sq"}}<span>{{tpl:EntryTitle encode_html="1"}}</span></a>
</li>
</tpl:EntryIf>
<tpl:EntryIf first="0">
<li class="ui-tabs-nav-item" id="nav-fragment-{{tpl:EntryID}}">
<a href="#fragment-{{tpl:EntryID}}">{{tpl:EntryFirstImage size="sq"}}<span>{{tpl:EntryTitle encode_html="1"}}</span></a>
</li>
</tpl:EntryIf>
<tpl:EntriesFooter></ul></tpl:EntriesFooter>
</tpl:Entries>
<tpl:Entries lastn="4">
<tpl:EntryIf first="1">
<div id="fragment-{{tpl:EntryID}}" class="ui-tabs-panel" style="">
{{tpl:EntryFirstImage size="s"}}
<div class="info" >
<h2><a href="{{tpl:EntryURL}}" >{{tpl:EntryTitle encode_html="1"}}</a></h2>
<p>{{tpl:EntryContent full="1" encode_html="1" remove_html="1" cut_string="100"}}...<a href="{{tpl:EntryURL}}" >read more</a></p>
</div>
</div>
</tpl:EntryIf>
<tpl:EntryIf first="0">
<div id="fragment-{{tpl:EntryID}}" class="ui-tabs-panel ui-tabs-hide" style="">
{{tpl:EntryFirstImage size="s"}}
<div class="info" >
<h2><a href="{{tpl:EntryURL}}" >{{tpl:EntryTitle encode_html="1"}}</a></h2>
<p>{{tpl:EntryContent full="1" encode_html="1" remove_html="1" cut_string="100"}}...<a href="{{tpl:EntryURL}}" >read more</a></p>
</div>
</div>
</tpl:EntryIf>
</tpl:Entries>
</div>
Fichier _public.php par JcDenis aucas ou un plugin aurait vue le jour
PS: c'est dans le cas ou ça sortira en version plugin :)
fichier _public.php
<?php $core->addBehavior('publicHeadContent',array(publicSlider','publicHeadContent')); class publicSlider { public static function publicHeadContent($core) { $s = $core->blog->settings->media_img_s_size; echo "\n<!-- CSS for slider --> \n". "<style type=\"text/css\"> \n". " #featured .ui-tabs-panel img { width:".$s."px; display: block; }\n". "</style>\n"; } } ?>
¨- PS - cette adaptation date de 2006, le dernier update du slider date de 2008...
En tout cas c’était exactement le même rendu que la démo et l'option d"afficher les billets selectionés était fonctionnelle.
.
Dernière modification par i_love_dc (2014-12-15 01:44:46)
Hors ligne
hello nikrou
je reviens aux nouvelles :-)
malgré la période de fêtes et l'effervescence (super positive) actuelle de la 2.7, du nouveau à propos de dcSlider ?
Hors ligne
Mathieu.M semble avoir adapter un slider responsive sur dcFacebook (en chantier)
vous pourriez peut être partager vos expériences pour dcSlider ???
Hors ligne
bonjour nikrou, quand est -il de ce ploug (tant attendu)..va t-il voir le jour prochainement ???
Hors ligne
Vous n'êtes pas identifié(e).