Piwigo.org

Gotcha · 2009-12-31 11:53:16

Voilà qui est fait:

http://galerie.julien-moreau.fr/index.php?/category/81

Pour rappel, tu es administrateur :-)

Gotcha · 2010-01-01 16:23:13

Gotcha a écrit:
Voilà qui est fait:

http://galerie.julien-moreau.fr/index.php?/category/81

Pour rappel, tu es administrateur :-)

Oupssss je viens de me rendre compte que c'était privée et que tu n'en avais pas les droits. C'est rectifié.

VDigital · 2010-01-02 08:31:15

Dans un de tes tpl-extensions (après <BODY>):

{literal}
<script type="text/javascript">
$().ready(function($){
$('#charlie').parents('#thePicturePage').eq(0).css('background','#000 url(http://galerie.julien-moreau.fr/template-common/images/charlies_player_page_bg.jpg) no-repeat fixed 50% 50%').children('#the_page').eq(0).css('background-image','none');
});
</script>
{/literal}

ou si tu as déjà un:

{literal}
<script type="text/javascript">
$().ready(function($){

alors juste avant le:

});
</script>
{/literal}

$('#charlie').parents('#thePicturePage').eq(0).css('background','#000 url(http://galerie.julien-moreau.fr/template-common/images/charlies_player_page_bg.jpg) no-repeat fixed 50% 50%').children('#the_page').eq(0).css('background-image','none');

Pour la compréhension de chacun:
Après le chargement de la page [$().ready],
si celle-ci contient le selecteur id="charlie" [$('#charlie')]
parmi ses balises HTML parentes,
le script ira selectionner les balises #thePicturePage [.parents('#thePicturePage')],
il ne traitera que la première trouvée [eq(0)]
pour lui changer son style et y ajouter un nouveau background [.css('background','....].

Ce n'est pas tout. Toujours depuis la première balise #thePicturePage,
parmi ses balises HTML filles,
le script ira selectionner les balises #the_page [.parents('#the_page')],
il ne traitera que la première trouvée [eq(0)]
pour lui changer son style et mettre à none l'image en background [.css('background-image','none'].

Moralité ceci devrait également marcher mais je n'ai pas testé:
$('#charlie').parents('#the_page').css('background','#000 url(http://galerie.julien-moreau.fr/template-common/images/charlies_player_page_bg.jpg) no-repeat fixed 50% 50%');

Pour ceux qui voudraient faire la même chose, vous ne devrez pas référencer le site de Gotcha... (http://galerie.julien-moreau.fr/) mais vos images locales.
[Conseil: Pour préserver ta bande passante, Julien renome /charlies_player_page_bg.jpg comme tu le voudras.]

Gotcha · 2010-01-02 11:26:08

Merci Vincent. En plus avec les explications pour les autres c'est super.

Juste que j'ai encore un peu de mal.
Dans les template-extension, my-picture.tpl semble ne pas être indiqué. J'ai donc préféré my-footer.tpl qui s'il comporte bien une balise </body> il n'y pas sa grande sœur.
Par contre, avant donc la balise de clôture </body> j'ai bien le code :

Code:

{literal}
<script type="text/javascript">
     $().ready(function($){

... qui vient déjà d'une autre amélioration, celle de l'ascenseur en jQuery.

Voici ce que ça donne :

Code:

{literal}
<script type="text/javascript">
     $().ready(function($){
  stt = $('#scrolltotop');
  $(window).scroll(function(){
    scrollTop = $(window).scrollTop();
    $('#scrolltotop a').click(function(){
        $('html,body').stop().scrollTop(0);
    });
    if(scrollTop >= 300){
      if(stt.css('opacity') == 0){
        stt.stop().fadeTo(2000,1);
      }
    }else{
      if(stt.css('opacity') > 0){
        stt.stop().fadeTo(500,0);  
      } 
    }
  });
  $(window).scroll();
  $('#charlie').parents('#thePicturePage').eq(0).css('background','#000 url(http://galerie.julien-moreau.fr/template-common/images/charlies_player_page_bg.jpg) no-repeat fixed 50% 50%').children('#the_page').eq(0).css('background-image','none');
});
</script>
{/literal}

Mais ça ne me donne rien :-(

VDigital · 2010-01-02 11:38:37

Je ne vois pas ça sur ton site mais uniquement:

<script type="text/javascript">
$().ready(function($){
stt = $('#scrolltotop');
$(window).scroll(function(){
scrollTop = $(window).scrollTop();
$('#scrolltotop a').click(function(){
$('html,body').stop().scrollTop(0);
});
if(scrollTop >= 300){
if(stt.css('opacity') == 0){
stt.stop().fadeTo(2000,1);
}
}else{
if(stt.css('opacity') > 0){
stt.stop().fadeTo(500,0);
}
}
});
$(window).scroll();
});
</script>

Gotcha · 2010-01-02 11:56:28

Oui parceque voyant que ça ne fonctionnait pas, je n'ai pas laissé en place ;-)
C'est afin d'éviter de laisser du code "mauvais" dans des pages que je fini par oublier.

Gotcha · 2010-01-02 12:27:44

VDigital a écrit:
Pour la compréhension de chacun:
Après le chargement de la page [$().ready],
si celle-ci contient le selecteur id="charlie" [$('#charlie')]
parmi ses balises HTML parentes,
le script ira selectionner les balises #thePicturePage [.parents('#thePicturePage')],
[...]

J'ai cherché un peu à comprendre tout de même et thePicturePage n'est pas une simple balise DIV mais c'est l'ID de <BODY>
Ca ne change peux-être rien mais grâce à tes explications, j'essaie de comprendre :-)

VDigital · 2010-01-02 13:49:45

Je t'ai crée un my-header.tpl et je l'ai activé.
La solution ne me plait pas mais...

Gotcha · 2010-01-02 14:35:11

Merci VDigital.

Bon par contre, le rendu... bif bof
Et si je créer un template-extension "spécial" cinéma, est-ce que je peux l'appeler en fonction du contenu de la page picture.php, à savoir si c'est une photo (je ne fais rien) et si c'est un média (.flv .avi .mov etc) j'applique le template-extension ?

VDigital · 2010-01-02 16:23:44

Il faut en discuter, je crois que les conditions d'affichage, ainsi que ce qui doit être ou ne pas être affiché doivent être discutés, et murement réfléchis. Évitons donc de tâtonner ainsi pour rien.
Non?

A coup de copier/coller tu devrais savoir ce que tu veux obtenir et pour chaque type de fichier.
Puis coller ici, ce que tu aimerais obtenir...

Gotcha · 2010-01-02 16:29:07

VDigital a écrit:
Il faut en discuter, je crois que les conditions d'affichage, ainsi que ce qui doit être ou ne pas être affiché doivent être discutés, et murement réfléchis. Évitons donc de tâtonner ainsi pour rien.
Non?

A coup de copier/coller tu devrais savoir ce que tu veux obtenir et pour chaque type de fichier.
Puis coller ici, ce que tu aimerais obtenir...

Oui bien sûre.
Mais toi comme moi on a d'autres priorité et donc je laisse ça de coté car il faudrait beaucoup trop de temps que j'explique convenablement ce que je souhaite et ça veut dire refaire un template-extension pratiquement de zero.
J'ouvrirai un sujet sur cette demande à un autre moment.

Encore merci Vincent.

SNF69 · 2010-01-07 12:24:27

Bonjour,

Je fais actuellement un test de ce plugin pour un ami qui souhaiterait mettre des vidéos en ligne sur sa galerie, j'ai donc utilisé un fichier représentatif, j'ai créé le répertoire, j'ai créé une miniature qui n'a rien à voir mais ce n'est pas le plus important, j'ai synchronisé et tout est bien en place.

Lorsque je clique que la miniature, il m'ouvre bien la page et me lance la vidéo une fois qu'il a commencé la mise en cache par contre (ben oui sinon je n'aurais pas fais un nouveau sujet ;o), j'ai un petit problème.

Au lancement de la lecture, j'ai bien les boutons qui apparaissent mais uniquement une fraction de seconde :o(( ensuite les disparaissent et je n'arrive pas à les faire revenir Grrrr

J'ai opté pour les options suivantes :

Autoload Off Autoplay Off Loop On Fullscreen Off

Mais j'ai fais différents tests sur ces quatre options sans changement, la preuve le autoplay est sur Off et pourtant elle se lance toute seule :o( et les fonctions Onclick et On doubleclick n'impacte pas non plus la lecture ...

Les fichiers seront en Wmv dans un premier temps mais pourront être dans d'autres formats. Si vous voulez voir le problème vous pouvez aller voir ici : http://www.tarrajat.fr/piwigotest/pictu … category/3

Merci pour vos lumières car là je sèche.

Seb

Dernière modification par SNF69 (2010-01-07 12:24:46)

VDigital · 2010-01-07 14:15:34

Dans Charlies', chaque player(*) est différent, il gère, ou ne gère pas, toutes les options.
Si tu paramètres le player avec:
Autoload Off Autoplay Off Loop On Fullscreen Off
que va signifier "Loop on" pour un .pdf.
Charlie propose donc un éventail d'options lesquelles sont prises en compte ou pas.

Cas des .wmv
Le player de chez windaube va être celui qui gère les .wmv sur ta machine windaube.
Quand on n'est pas sous windaube cela complexifie encore la chose, Linuxien et MacOSXien?

Charlie appelle (utilise) donc un player, si ce dernier (sale monstre) fait des siennes sur la plate-forme du visteur, personne ne le saura, ni ne le verra (à moins que le visiteur pense à râler).
Réponse en général du webmaster: "Ah? Ben non, ça marche chez moi."

(Notre ami Seb n'est pas de cette catégorie de webmaster...)

Aussi je te conseille de convertir ta vidéo ou format .flv, tu devrais:
1 - Être satisfait plus rapidement.
2 - Obtenir une meilleure portabilité.
3 - Rarement avoir un visiteur venant se plaindre que cela ne marche pas.

Tu pourras ainsi faire des heureux.

Pourquoi alors proposer le support du .wmv?
Parce que certains réclament le support des .wmv!
Ils réclament avant éventuellement de comprendre.
Comprendre que sur leur PC n'est pas forcément ce que verront leurs visiteurs.

Ce serait plus simple si la vidéo n'avait qu'un seul vrai standard (et léger).
C'est raté mais Charlie n'en est pas la cause.

(*): template contenant l'appel à un lecteur spécifique au format de fichier.

PS: J'ai pu également me vautrer dans une option de Media Player nezenplus (contraire de "nez en moins" cela va de soi).

SNF69 · 2010-01-07 14:32:19

Merci Vincent pour ce complément d'infos fort utile et bien poilant lollll

Concernant le wmv c'est une demande de mon collègue mais comme je ne fais pas de vidéo je suis parti de ce postula sans envisager un codage plus performant ;o) mais tu as très bien fait de me sensibiliser aux différentes contraintes lié à windobe :o((

Je vais donc lui proposer de transformer ses wmv en flv afin que tout de suite il prenne le bon pli ;o))

Encore une fois un grand merci à toi pour cette réponse détaillé et pleine d'informations super utile que je vais m'empresser de mettre en œuvre pour pouvoir finaliser le besoin de mon ami.

Bonne fin de journée à toi.
@u plaisir.

Seb

Gotcha · 2010-01-14 18:06:21

@VDigital :
J'ai deux observation à effectuer :
1) L'option "plein écran" ne fonctionne pas. En effet, pour les besoins de panoramas en SWF que je suis en train de tester http://www.julien-moreau.fr/galerie/pic … tegory/120 j'ai besoin de l'écriture suivante :

<html>
<head/>
<body>
<object width="640" height="480">
<embed width="640" height="480" src="pano_00.swf" allowfullscreen="true"/>
</object>
</body>
</html>

J'ai beau avoir activer les options adéquat dans l'administration de Charlie, je n'arrive pas à avoir ce que je souhaite.

2) Dans le même état d'esprit, la modification de la taille n'est pas prise en compte. Là j'avoue ne pas avoir poussée l'investigation...

Merci :-)

Piwigo.org

Annonce

#121 2009-12-31 11:53:16

Re: [Plugin] Charlies' content

#122 2010-01-01 16:23:13

Re: [Plugin] Charlies' content

Gotcha a écrit:

#123 2010-01-02 08:31:15

Re: [Plugin] Charlies' content

#124 2010-01-02 11:26:08

Re: [Plugin] Charlies' content

Code:

Code:

#125 2010-01-02 11:38:37

Re: [Plugin] Charlies' content

#126 2010-01-02 11:56:28

Re: [Plugin] Charlies' content

#127 2010-01-02 12:27:44

Re: [Plugin] Charlies' content

VDigital a écrit:

#128 2010-01-02 13:49:45

Re: [Plugin] Charlies' content

#129 2010-01-02 14:35:11

Re: [Plugin] Charlies' content

#130 2010-01-02 16:23:44

Re: [Plugin] Charlies' content

#131 2010-01-02 16:29:07

Re: [Plugin] Charlies' content

VDigital a écrit:

#132 2010-01-07 12:24:27

Re: [Plugin] Charlies' content

#133 2010-01-07 14:15:34

Re: [Plugin] Charlies' content

#134 2010-01-07 14:32:19

Re: [Plugin] Charlies' content

#135 2010-01-14 18:06:21

Re: [Plugin] Charlies' content

Pied de page des forums