Dotclear

Vous n'êtes pas identifié(e).

Annonce

#1 Re : [dc2] Thèmes » [nouveau thème] Hybrid » 2010-01-15 20:09:23

J'aurais tendance à dire qu'au niveau référencement, il ne faut pas l'effacer. Une bonne méthode consiste à mettre un text-indent : -10000px il me semble, selon Alsacréations.

#2 Re : [dc2] Discussion et astuces » Texte clignotant ou balise qui défile » 2009-12-30 14:59:28

le CSS "text-decoration" : "blink" fait clignoter (supporté par la majorité des navigateurs actuels je pense), sinon on peut utiliser le javascript et/ou jQuery livré avec Dotclear, pour ma part j'ai commencé avec cela et un peu de débrouille : http://www.pckult.net/tutoriaux/152-jav … avec-jquer

#3 Re : [dc2] Questions et aide » Dc et URL canonique » 2009-12-23 20:13:51

J'aurais tendance à penser comme PierreA, mais après ca dépend peut-être des thèmes, certains proposant des extraits par exemple. Si ceux-ci sont un peu trop long, ca peut jouer.

Ca peut aussi marcher si on ne met pas d'extrait, et que le billet est affiché en intégralité dans un contexte différent du post.

Personnellement, je préfère en mettre "plus" que pas assez, quel serait le problème à l'avoir même si elle ne sert à rien ?

A ce propos, je crois que le   <meta name="MSSmartTagsPreventParsing" content="TRUE" /> ne sert à rien du tout :
http://www.alsacreations.com/article/li … specifique
Et pourtant, elle est partout.

#4 Re : [dc2] Questions et aide » [Jquery] Strict minimum ? » 2009-12-22 18:16:43

Tu as raison, au "Se souvenir de moi" ET au plugin lightbox. Si tu n'utilises rien de jQuery hors d'un post, ca devrait aller, ca dépend du thème que tu utilises principalement.

Autre solution si le temps de chargement est en cause : http://encosia.com/2008/12/10/3-reasons … y-for-you/ (en anglais)

#5 Re : [dc2] Questions et aide » [Jquery] Strict minimum ? » 2009-12-22 13:40:38

Malheureusement, jQuery est une bibliothèque, soit on prend tout, soit on ne prend rien (ou alors il faut trancher dans les fonctions.. bon courage !)

Si tu ne veux qu'un effet Lightbox, il doit y avoir en pur javascript sans passer par jQuery, même si de nos jours c'est bien pratique.

Quand à DC, coté public, je crois qu'il ne sert qu'au lien "se souvenir de moi" pour les commentaires, le reste c'est selon le thème. Tu peux d'ailleurs limiter l'utilisation de jQuery au post, via :

<tpl:SysIf current_tpl="post.html"><script type="text/javascript" src="{{tpl:BlogThemeURL}}/js/jquery.js"></script></tpl:SysIf>

Pour limiter son utilisation aux post (pour garder le truc des commentaires et le lightbox).

#6 Re : [dc2] Questions et aide » Lien d'un tag vers sa page » 2009-12-21 17:06:17

Je ne vois pas très bien comment faire, mais je te conseillerais le plugin RateIT avec l'extension RateIt Tag, et tu demandes à tes visiteurs de noter la justesse de ta catégorisation. Ça existe aussi pour les catégories si tu veux.

#7 Re : [dc2] Questions et aide » Lecteur vidéo : virer la bordure autour » 2009-12-12 18:05:12

Zut alors, j'avais pas regardé.

J'ai essayé de changer le fichier php, jusque la pas de problème, mais j'obtiens un résultat bizarre :

<param name="FlashVars" value="title=titre&&margin=0&autoload=1&showvolume=1&showtime=1&showstop=1&showfullscreen=1&playercolor=ffffff&loadingcolor=#3FA9FF&buttoncolor=000000&buttonovercolor=24ffff&slidercolor1=cccccc&slidercolor2=999999&sliderovercolor=0066cc&buffer=10&showiconplay=1&iconplaycolor=000000&iconplaybgcolor=ffffff&iconplaybgalpha=50&flv=URL&width=400&height=300">

Je ne vois pas d'où peut venir ce double & , hormis de la ligne .implode('&',$vars).'" />' ou bien du titre en lui même.

J'attendrais la résolution de ce billet !

#8 Re : [dc2] Questions et aide » Lecteur vidéo : virer la bordure autour » 2009-12-12 17:39:29

Je viens de trouver la solution, mais ca soulève un bug au niveau du core.

En fait, avec les thèmes, on a un templates _flv_player.html. Je pensais donc qu'en le changeant, ca changeait les vidéos incrustées après. Ce qui n'est pas le cas. Je fais la même chose dans le thème par défaut, idem.

Et en cherchant dans class.dc.media.php, je tombe sur :

ligne 1060

$args = array(
				'margin' => 1,
				'showvolume' => 1,
				'showtime' => 1,
				'showfullscreen' => 1,
				'buttonovercolor' => 'ff9900',
				'slidercolor1' => 'cccccc',
				'slidercolor2' => '999999',
				'sliderovercolor' => '0066cc'

qui correspond exactement aux paramètres de mes incrustations !

Il est donc impossible sans passer par ce fichier php de changer les paramètres des videos incrustées. Il suffit de changer margin: 0 et ma bordure enquiquinante s'en va.

Le solution est donc d'utiliser le fichier contenu dans le templates, librement modifiable par tous, et non pas ceux de cette classe. Quelqu'un pour faire la modification ?

#9 [dc2] Questions et aide » Lecteur vidéo : virer la bordure autour » 2009-12-12 17:07:40

SiK_22
Réponses : 3

Bonsoir,

J'aimerais savoir s'il est possible de virer la bordure gris/noir immonde autour du lecteur vidéo utilisé par Dotclear. Si oui, comment.

Si j'ai bien regardé, elle est incluse dans le fichier flash même, technologie que je ne maitrise absolument pas.

D'ailleurs, est-il possible de proposer un autre lecteur Flash à la place ? (je parle bien des vidéos hébergées dans le gestionnaire de médias) La plupart partage le même fonctionnement à base de paramètre flash et compagnie.

Ça résoudrait mon problème plus facilement peut-être.

Merci d'avance !

#10 Re : [dc2] Thèmes » [nouveau thème] Hybrid » 2009-12-08 12:45:21

Super ! Tu pourrais détailler le changelog entre les versions, s'il y a autre chose que ces nouvelles pages ? Pour ma part j'ai fait une rapide bidouille pour le plugin Mymeta, je peux te les fournir comme base de travail si tu veux.

#11 Re : [dc2] Questions et aide » [Slider] Integrer un slider » 2009-12-02 13:51:30

Peut-être en effet. La partie du code est la suivante :

$("#diaporama .post").each(function(){ // pour chaque post
var id = $(this).attr("id"); // on récupère l'id pour différencier les posts, et mettre tout au bon endroit
var clone = $("#diaporama .post[id='" + id + "'] .dpost-content:has(object) object:first").clone(); // on prend la vidéo s'il y en a une
$("#diaporama .post[id='" + id + "'] .dextra").addClass(id); // on diférencie chaque cadre de gauche (le cadre d'illustration)
$("#diaporama .post[id='" + id + "'] .dextra[class*='" + id + "']").html(clone); // on y insère la video

$("#diaporama .post[id='" + id + "'] .dextraimg").addClass(id); // on différencie la miniature cachée
var src = $("#diaporama .post[id='" + id + "'] .dextraimg[class*='" + id + "']").attr("src"); // on prend son attribut src
$("#diaporama .post[id='" + id + "'] .dextra[class*='" + id + "']").css("background","white url('"+ src + "') no-repeat center"); // on le met en background du cadre d'illustration
});

Voila comment ca marche, après il faut adapter selon votre HTML.

#12 Re : [dc2] Questions et aide » [Slider] Integrer un slider » 2009-12-01 23:19:24

Après moults essais de différents mécanismes, le problème d'Opera a de grandes chances de venir de display: inline-block;

Si a la place d'une marge négative, on efface le billet, le suivant prend la place uniquement quand le précédent est totalement caché, et ne se décale pas progressivement. On obtient donc le même effet de cassure entre les diapositives, seule la transition  est différente.

Si au lieu d'une marge à droite, on utilise une marge vers le haut (slider avec les billets venant "d'en bas"), le problème est résolu, mais l'enchainement ne dépasse pas la deuxième diapo ; il ne semble pas apprécier d'avoir du contenu caché "au dessus" de lui.

je vais peut-etre voir pour un slider, qui n'en sera plus un, sous forme d'accordéons.

#13 Re : [dc2] Questions et aide » [Slider] Integrer un slider » 2009-12-01 21:42:25

Tu affiches la miniature quelque part, en display: none ; avec une boucle .each() de jQuery, tu récupères l'attribut src que tu met en background: url("src_copié"); et le tour est joué.

C'est ce que j'ai fait dans mon script, c'est vraiment la partie bidouille mais ca marche très bien je trouve. Et avec CSS3 tu peux rajouter des propriétés pour choisir comment le fond est appliqué au cadre (je suis gentil : http://www.alsacreations.com/tuto/lire/ … round.html ) si tu veux redimensionner un peu.

#14 Re : [dc2] Questions et aide » [Slider] Integrer un slider » 2009-12-01 20:50:50

(j'étais persuadé d'avoir déjà répondu avant)

i_love_dc a écrit :

Bon...Alors jai reussi un grand pas (lol) dans la résolution des bugs d'affichage chez IE6 et IE7
...
Voila pour ma pitite contribution du jour ;-)

J'avais déjà remarqué le changement, je pense même que j'ai du effacé ce position: relative; au cours de mon travail. Mais merci beaucoup, c'est corrigé.

Je vais essayer ton programme, et voir ce que je peux faire.

Pour le calibrage d'image sur l'essai d'Azork, vous pouvez passer par la même méthode que moi (mettre l'image en fond du cadre), c'est un peu moins prise de tête.

#15 Re : [dc2] Questions et aide » [Slider] Integrer un slider » 2009-11-30 21:48:25

Oups, j'ai encore parlé trop vite, le resize fonctionne mais me fait une chose étrange : la queue Lecture comporte normalement 11 animations à peu près (d'après FireQuery), normal puisqu'il y a nombre de post * 2 animations : la transition, et la pause sur la diapos (une animation d'opacité pendant 3 secondes).

Quand je resize, j'ai beau réinitialiser la queue, quand Lecture() se relance, il ne prend plus en compte les animations de pause, et enchaine les transitions.

Et si après resize, je clique sur Stop puis Play, la queue est bonne et les pauses se font !

En attendant de corriger ca, je pense que je vais laisser un redémarrage manuel après redimensionnement, ca sera plus simple. Mais si quelqu'un a une idée d'ou ca vient, je lui tire mon chapeau.

#16 Re : [dc2] Questions et aide » [Slider] Integrer un slider » 2009-11-30 21:17:11

Euh qu'est ce que tu appelles "pas bonne" ? Hormis la vidéo, le CSS m'a l'air bon puisque je ne constate pas de soucis avec mon IE... 8, et zut alors j'avais même pas regardé.

Si quelqu'un peut me montrer ce que ca rend sous IE 7 et 6 ?

Pour le resize, ca marche très bien et quand c'est du premier coup, ca fait plaisir.

#17 Re : [dc2] Questions et aide » [Slider] Integrer un slider » 2009-11-30 21:00:57

J'ai remis les mains dedans ce soir, en voulant mettre le thème en largeur relative. Tous les morceaux sont donc à la bonne taille comparé à leurs parents / à la page elle même.

Par contre, si on charge la page, et qu'on la redimensionne, hop la, l'effet est gâché... Il va falloir que je joue avec .resize() surement.

Le dernier bug sous IE reste la vidéo (bug qui viendrait du script), sinon l'affichage est nickel et c'est un miracle à mes yeux. Opera a toujours du mal, mais je présume que c'est le display: inline-block; qui est mal supporté, sans pouvoir vérifier. L'effet est moins beau, mais ca marche quand même.

Sous FF 3.6 et Safari, c'est un régal, et ca fait plaisir.

On approche d'une version plus que finale !

#18 Re : [dc2] Questions et aide » [Slider] Integrer un slider » 2009-11-30 19:10:32

Et puis dans le fond, tu aimes ca non ? Au moins un peu.

J'ai essayé une bonne partie l'aprem de faire correspondre le changement de diapos à une animation du numéro sur le coté, sans succès. jQuery est vraiment bien, mais pour la queue, c'est une horreur. Le problème réside dans la sélection de chaque <span class="piste">, pour les animer à la suite dans la boucle for (function Lecture).
Même en faisant une deuxième fonction, synchronisée avec la première, impossible de faire en sorte que l'animation suive la boucle (d'abord 1, puis 2, puis ... jusque n le nombre de piste). J'ai contourné le problème dans Lecture car je ne fais bouger que le .post:first, j'ai eu de la chance.

Donc si quelqu'un sait comment se dépatouiller avec ca, je veux bien. Sachant que les .get(i), .eq(i) ou :eq(i) ou même $("")[i] ne fonctionne pas dans une boucle, et qu'un .each() le fait pour tous en même temps. J'ai voulu contourner en faisant correspondre un attribut (piste 1 class A, post 1 class A aussi et ainsi de suite, pour faire un selecteur $("x[id="A"]) anime un $("y[id="A")), mais impossible la aussi.

Au rang des reussites, j'ai juste mis une variable pour la largeur, pour que le script soit plus simple à utiliser.

#19 Re : [dc2] Questions et aide » [Slider] Integrer un slider » 2009-11-30 15:10:22

Merci bien JcDenis, envoie moi un tweet pour avoir la dernière version du truc.

#20 Re : [dc2] Questions et aide » [Slider] Integrer un slider » 2009-11-29 23:29:55

Comme dirait Perceval, "c'est pas faux".

Sinon, j'ai rebidouillé un peu tout cela pour que ca soit plus propre (double container par exemple) et j'ai réglé un des problèmes d'Opéra en mettant tout en x * 916px, la largeur du contenu (même si maintenant l'effet de transition est inexistant). Avec ma chance habituelle, ca marche un peu mieux qu'avant soue IE, mais pas l'ombre d'un changement concernant les vidéos, je constate que ca viendrait du script puisque la balise <div id="dextra"> est belle et bien vide.

Je continuerais tout ca plus tard.

#21 Re : [dc2] Questions et aide » [Slider] Integrer un slider » 2009-11-29 19:49:58

Et je terminerais mon triple post avec ces remarques :

- Vous pouvez le voir en action à l'adresse de mon blog (signature).

Problèmes à fixer :
-  Opéra qui reconnait mal les tailles relatives des billets (si quelqu'un à une solution ou une piste, je suis preneur)
- N'affiche pas les vidéos sous IE, et l'effet est particulièrement moche à gauche, la solution serait de ne pas avoir le script sous IE (radical mais c'est IE..)

A venir :
- Reformatage du HTML pour qu'il soit plus propre.
- Ajout éventuel d'opacité entre les billets
- Affichage du billet en cours dans la liste sur le coté

Si quelqu'un veut en faire un plugin, qu'il me contacte.

#22 Re : [dc2] Questions et aide » [Slider] Integrer un slider » 2009-11-29 19:42:23

Après une dure après-midi de travail, j'ai pu refaire une bonne partie du script pour qu'il soit plus beau, simple et correct, même si de la bidouille reste encore présente sur un point.

Je voulais donc un script léger, qui ne nécessite pas de plugin supplémentaire, et soit relativement fonctionnelle et joli. La première version etait calqué sur le HTML mis en place, qui mérite aussi à être plus joli, mais qui fonctionne bien pour le moment.

Pour expliquer le principe, on ouvre un <div id="diaporama">, avec un <div id="conteneur"> dedans. Le diaporama fais 100% en largeur, et le conteneur 400% (valeur prévue pour 4 billets, mais qui permet plus). Les billets affichés font tous 25% des 400%, soit 100% la aussi. On prend simplement le premier billet, qu'on tire vers la gauche avec une marge négative. Pour reprendre ce à quoi je pensais en le faisant, ce sont les "languettes" dans les livres pour enfants, qui font défiler les images dans la page.
Pour que l'effet soit continu, on prend le premier qu'on copie toute à la fin. Une fois arrivé à cette fin, on repasse directement sur la première, pour que l'effet ne soit pas perceptible à l'œil nu. C'est comme si la première et la dernière image de la languette étaient les même, et qu'on tirait très vite pour revenir au début, donnant l'illusion de voir une boucle.

Le deuxième principe que je voulais, c'était avoir le post d'un coté, et une illustration de l'autre coté. Mais la plupart des sliders que je voyais n'intégrait que des images, alors que je voulais absolument les vidéos (c'est ce qui a déclenché la création du script fait main au lieu d'adapter un existant et/ou utiliser un plugin).
La technique est simple. On fait un display: none; sur les <object> du post, on prend le premier via jQuery, on le clone et on le colle dans le cadre d'illustration, en ajustant la taille.
Puisqu'on ne pouvait pas faire la même technique avec une image (tpl:EntryFirstImage renvoie une balise <img>, qui aurait pu etre en conflit avec un <object>), j'ai rusé en affichant l'image ailleurs, et en la cachant avec un display: none, pour récupérer l'attribut src pour le mettre en background: url(src) du cadre d'illustration. Ainsi, l'image obtenue n'est pas recadrée pour coller au cadre, mais s'affiche en fond, ce qui est plus joli. On peut très bien avoir un <object> dans le cadre, qui cacherait l'image derrière.

Le reste du code a été pour gérer la lecture du slider, j'ai réussi cette après-midi à en faire une fonction infinie au lieu d'une queue mise bout-à-bout 300 fois (oui, c'était bidouille). J'ai aussi disposé un bouton lecture/pause et des accès aux différents billets.

Le gros du travail de mon après-midi a été de faire quelque chose de flexible, qui n'est pas limité par le nombre de billet. La plupart des sliders proposent un nombre fixe de billet, 4 ou 5, et je ne trouvais pas ca très pratique. J'ai réussi à le faire puisque tout se base sur un <tpl:entries> (modulable donc), le "tirage de languette" autant de fois qu'il y a de billet, les boutons pour chaque sont affichés et ajuster en fonction aussi.

Voici le code HTML, il n'est pas spécifique au thème Hybrid, mais vous devrez changer les tailles normalement. Je ne prends ici que les billets "selectionnés", mais à vous de faire votre propre selecteur. J'ai mis un lastn="100" car il semblerait qu'il n'en prenait que 5 par défaut.

<div id="diaporama">        
  <div id="dcontainer"><tpl:Entries selected="1" lastn="100"><div id="diapo{{tpl:EntryID}}" class="post {{tpl:EntryIfOdd}} {{tpl:EntryIfFirst}}">             
        <div class="dextra"></div>                      
<div class="dpost-content">{{tpl:EntryFirstImage class="dextraimg" size="o"}}
  <tpl:EntryIf has_comment="1">                                       
    <a href="{{tpl:EntryURL}}#comments" class="comment_count">{{tpl:EntryCommentCount none="0" one="1" more="%s"}}</a>
    </tpl:EntryIf>                             
    <h2 class="post-title">                         
      <a href="{{tpl:EntryURL}}">{{tpl:EntryTitle encode_html="1"}}</a></h2>                                                              
    <!-- # Entry with an excerpt -->                                           
    <tpl:EntryIf extended="1">                                                   
      <div class="post-content">{{tpl:EntryExcerpt}}
      </div>            
      </tpl:EntryIf>                                                   
      <!-- # Entry without excerpt -->                                                   
      <tpl:EntryIf extended="0">                                                           
        <div class="post-content">{{tpl:EntryContent}}<br />                                                            
        </div>                                                           
        </tpl:EntryIf>                       
</div>
<!-- End dpost-content -->
<div class="dpost-info">
  <p class="read-it">                                                                   
    <a href="{{tpl:EntryURL}}" title="{{tpl:lang Continue reading}} {{tpl:EntryTitle encode_html="1"}}">{{tpl:lang Continue reading}}...</a>                                                           
  </p>                                        
  <tpl:EntryIf has_category="1">                                                  
    <a class="post-category" href="{{tpl:EntryCategoryURL}}">{{tpl:EntryCategory encode_html="1"}}</a>                                                  
    </tpl:EntryIf>                                                   
    <p class="post-info">{{tpl:EntryDate}}, {{tpl:EntryTime}}
    </p>
</div></div><!-- End Post--></tpl:Entries></div>  <!--  End dcontainer -->   
</div><!-- End Diaporama -->

Attention ! Ne touchez pas à l'indentation au début et à la fin. Si les blocs sont décollés dans le code, il apparait des espaces entre les blocs, qui sont bien visible sur la page. Ainsi, les diapositives se décalent progressivement, à la fin on voit le début de la suivante apparaitre.

Voici le CSS que j'utilise, libre à vous de changer les couleurs et les hauteurs, mais évitez de tout changer si vous ne savez pas ce que ca implique.

 /* Diaporama
------------------------------------------------------------------------ */

#diaporama {
display:none;
float:left;
height:24em;
margin:1em 0 0;
overflow:hidden;
padding:0;
width:916px;
}
#diapochanger {
color:white;
display:inline-block;
float:left;
margin:1em 0;
width:40px;
}

#diapochanger span {
cursor: pointer;
background: #3FA9FF;
float:left;
text-align:center;
width:40px;
font-weight: bolder;
}

#dcontainer {
height:24em;
margin:0;
padding:0;
width:400%;
}

#diaporama .post {
width: 25%;
min-width: 25%;
height: 24em;
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
margin: 0;
padding: 0;
position: relative;
}
#diaporama .post .dextra {
width: 40%;
height: 23.9em;
float: left;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
#diaporama .post .dpost-content {
width: 58%;
float: right;
padding: 0 1%;
position: relative;
border-top:1px solid #CCCCCC;
}
#diaporama .post .dpost-content h2 a {
color: #333;
font-weight: normal;
border: none;
}
#diaporama .post .dpost-content a {
color: #3FA9FF;
font-weight: 700;
border-bottom: 1px dotted #3FA9FF;
}
#diaporama .post .dpost-content a:hover {
text-decoration: none;}

#diaporama .dpost-info {
position: absolute;
bottom: 0;
right: 0;
width: 60%;
border-bottom:1px solid #CCCCCC;
}

#diaporama .post-content {
height: 21em;
overflow: hidden;
}

#diaporama .comment_count{
display:block;
float:right;
margin-right: 1em;
padding:0.25em 1em;
color: white;
text-decoration: none;
}

#diaporama .post-category {
float: left;
padding: 0 1%;
background: #F5F5F5;
}
#diaporama .post-info {
display: inline;
float: right;
padding: 0 1em;
margin: 0;
background: #F5F5F5;
}

#diaporama .read-it {
background: #3FA9FF;
color: white;
text-align: center;
margin: 1em;
padding: 1em;
}
#diaporama .read-it a{
color: white;
}

#diaporama .post sup, #diaporama .post .footnotes, #diaporama .post .post-content h2, #diaporama .post .post-content h3, #diaporama .post .post-content h4, #diaporama .post object, #diaporama .post img {
display: none;
}

#diaporama .post .dextra object {
display: inline;
width: 99%;
height: 24em;
}

Et finalement, le script en lui même.

$(document).ready(function(){
// Diaporama
$("#diaporama").after("<div id='diapochanger'></div>");
$("#diapochanger").append("<span id='play'>Play</span>");
$("#diapochanger").append("<span id='stop'>Stop</span>");
for ( var nbrPost = 1; nbrPost <= $("#diaporama .post").size() ; nbrPost++) {
 $("#diapochanger").append("<span id='dchanger" + nbrPost + "' class='piste'>" + nbrPost + "</span>");
}
$("#diapochanger span").height( $("#diaporama").height() / $("#diapochanger span").size() ).css("line-height",$("#diapochanger span").height() + "px");
$("#diapochanger span:odd").css("opacity","0.5");

$("#diaporama .read-it").css("opacity","0.8");

var postclone = $("#diaporama .post:first").clone();
$("#diaporama .post:last").after(postclone);

$("#diaporama .post").each(function(){
var id = $(this).attr("id");
var clone = $("#diaporama .post[id='" + id + "'] .dpost-content:has(object) object:first").clone();
$("#diaporama .post[id='" + id + "'] .dextra").addClass(id);
$("#diaporama .post[id='" + id + "'] .dextra[class*='" + id + "']").html(clone);

$("#diaporama .post[id='" + id + "'] .dextraimg").addClass(id);
var src = $("#diaporama .post[id='" + id + "'] .dextraimg[class*='" + id + "']").attr("src");
$("#diaporama .post[id='" + id + "'] .dextra[class*='" + id + "']").css("background","white url('"+ src + "') no-repeat center");
});

function Lecture() {
  for ( var nbrPost = 1; nbrPost < $("#diaporama .post").size() ; nbrPost++) {
  $("#diaporama .post:first").animate( {opacity : "1" }, 3500);
  $("#diaporama .post:first").animate( {marginLeft : "-=25%"}, 1000);
  }
$("#diaporama .post:first").animate( {marginLeft : "0%"}, 0, Lecture);
}
function reinitialiser() {
$("#diaporama .post:first").queue("fx", []).animate( {marginLeft : "0%"}, 1000, Lecture);
}

$("#diaporama .post:first").animate( {opacity : "1" }, 3500);
Lecture();

$(".piste").click( function() {
var index = $(".piste").index(this);
var taille = $("#diaporama .post").width();
var margin = -(index*taille);
$("#diaporama .post:first").stop().queue("fx", []).animate( {marginLeft : margin}, (index + 1) * 500);
$("#diaporama .post:first").animate( {opacity : "1" }, 30000, reinitialiser);
});

$("#play").click( function() {
$("#diaporama .post:first").queue("fx", []).animate( {marginLeft : "0%"}, 1000, Lecture);
});
$("#stop").click( function() {
$("#diaporama .post:first").queue("fx", []);
});

$("#diaporama").slideDown("5000");

// End Diaporama
});

Tout ce code est fonctionnel, et provient de mon blog.

Si vous avez des questions sur des commandes, comment inclure le slider, comment modifier certains paramètres, n'hésitez pas à les poster ici-même, je vous répondrais. Je vous conseille d'ailleurs d'en poser avant de tenter une intégration, sauf si vous savez ce que vous faites. Pour ajouter des fonctions/effets, ca sera selon mes capacités et le temps que j'aurais.

Amusez-vous bien !

#23 Re : [dc2] Questions et aide » [Slider] Integrer un slider » 2009-11-29 14:39:17

C'est sympa de voir qu'on a inspiré d'autres personnes.

Par contre, mon propre script est vraiment de la bidouille à certain endroit, c'est pour ca que je ne le propose pas encore à la communauté. Je vais le retravailler un peu cette après-midi et je verrais si j'arrive à un résultat correct.

Pour le moment, mon soucis c'est qu'Opéra ne comprend pas très bien le width: 25% des post par rapport au conteneur (qui fait 400% du diaporama, pour cacher sur la droite les posts), si quelqu'un peut trouver pourquoi...
Dans le même ordre d'idée, IE n'affiche pas les vidéos, sans que je sache pourquoi. D'ailleurs, ma méthode très bidouille génère 2 vidéos à chaque fois (cadre dextra dans le code), je suis obligé d'en effacer une pour garder un code correct.

Sinon I_Love_Dc, tu pourrais nous faire partager le résultat final de ton travail :) ?

#24 Re : [dc2] Thèmes » [nouveau thème] Hybrid » 2009-11-06 17:19:04

A peu près oui, mais pour ma défense je viens souvent regarder les nouveautés, donc je ne manquerait pas de signaler mon travail. Je vous ferais part de mon avancement dans sa refonte quand j'aurais le temps de m'y remettre.

#25 Re : [dc2] Thèmes » [nouveau thème] Hybrid » 2009-11-05 20:20:52

Pas de soucis, comme je l'ai dit je suis à disposition de la communauté (ici, ou par mail).

Ce slider est entièrement "fait maison", et même fait main puisque je n'ai utilisé que mes connaissances limitées en jQuery et la documentation officielle. Il n'est vraiment pas au point, de nombreuses choses sont à revoir. J'aurais surement besoin de la communauté d'ailleurs.

Je compte (ré)ouvrir un blog dédié au jQuery, que j'utilise principalement avec Dotclear, donc avec quelques scripts facilement implantable à un thème. Nul doute que ce slider sera ma pièce maitresse.

Wait & See donc, suivez mon flux RSS pour l'ouverture du blog jQuery.

Vous n'êtes pas identifié(e).

Pied de page des forums

Propulsé par FluxBB

Sites map