#1 2013-08-08 12:49:47

patfrwar
Membre
Tours
2011-05-24
164

[Help] implementer script Supersize dans le slideshow

Bonjour

En scrutant le forum , j'ai trouvé un message de Miklfe qui parlait du script Jquesry : supersize
http://buildinternet.com/project/supers … nload.html

La démo est Super, et ce qui est génial c'est que l'on peux obtenir un slideshow en plein écran (moyennant un petit cou de F11 sur le clavier

d'ou mon idée d'utiliser ce script dans la fonction slideshow de piwigo



autant déclarer une utilisation du script sur 2 ou 3 photos d'un dossier dans une page ne me pose aucun problème

autant tenter de le  déclarer dans le slideshow.tpl avec la Variable {$ELEMENT_CONTENT} m'apparait comme compliqué pour mon petit niveau de connaissance

sur la toile j'ai trouvé ce sujet dans lequel il y a des petits bout de code qui semblent intéressant mais je ne vois pas comment les utiliser

http://forum.jquery.com/topic/tutorial- … supersized


c'est pourquoi j'appelle à l'aide

merci d'avance

Hors ligne

#2 2013-08-09 00:03:49

Miklfe
Membre
Sarthe
2010-11-13
364

Re: [Help] implementer script Supersize dans le slideshow

Salut
Avec quelles images tu voudrais faire ça, parce qu'il va falloir des images de très grandes tailles pour être en full background.

Le slideshow de piwigo est lancé avec la taille de l'image de la page picture.php, de plus la page est rechargé à chaque changement d'image donc en l'état c'est impossible.
Ce que je ferais, c'est recréé un template qui récupère toutes les images en tailles original (les plus grande), de la je lance mon script superzise et pour ça dans le lien que tu as donné il y a un type qui en à fait un pluggin pour wordpress(tout en bas des com) tu peux t’inspirer de sont code.

Hors ligne

#3 2013-08-09 09:34:03

patfrwar
Membre
Tours
2011-05-24
164

Re: [Help] implementer script Supersize dans le slideshow

Bonjour

Mes Tailles d'image les plus grandes sont: XL - très grand     1224 x 918 pixels

et en taille original je suis en 1920x1440 ou 1440x1920 pour le mode portrait

Sais tu si il y a une Variable globale avec la liste des images d'une catégorie ?
et le slideshow de piwigo , c'est donc le php qui gère la page et son rafraichissement,  il n'y a donc pas de modif possible dans le template ?

merci de ton aide

Hors ligne

#4 2013-08-20 00:22:23

Miklfe
Membre
Sarthe
2010-11-13
364

Re: [Help] implementer script Supersize dans le slideshow

Salut
Je sais pas ou tu en ai avec cette idée, mais moi j'ai persévéré car je vais m'en servir pour un prochain theme.
voila la marche à suivre
1. télécharger l'archive ici piwigo_supersize décompressé et déposer tout le dossier dans le dossier du theme ( ici slide)
2. ouvrir le local_head.tpl (ou passer par le localFilles editor)
ajouter:

Code:

<link rel="stylesheet" type="text/css" media="screen" href="{$ROOT_URL}themes/Slide/piwigo_supersized/supersized.css">
{combine_script id='supersizehref' load='header' require='jquery' path='themes/Slide/piwigo_supersized/js/supersizehref.js'}
{combine_script id='easing' load='footer' require='jquery' path='themes/Slide/piwigo_supersized/js/jquery.easing.min.js'}

3. créer un template extention de picture_content.tpl
remplacer la balise img à la ligne 6 par

Code:

<img {if $current.selected_derivative->is_cached()}src="{$current.selected_derivative->get_url()}" {$current.selected_derivative->get_size_htm()} {else}src="{$ROOT_URL}{$themeconf.img_dir}/ajax-loader-big.gif" data-src="{$current.selected_derivative->get_url()}"{/if} alt="{$ALT_IMG}" id="theMainImage" usemap="#map{$current.selected_derivative->get_type()}" title="{if isset($COMMENT_IMG)}{$COMMENT_IMG|@strip_tags:false|@replace:'"':' '}{else}{$current.TITLE|@replace:'"':' '} - {$ALT_IMG}{/if}" supersizehref="{$current.path}">

enregistrer et activer

4.créer un template extention de picture_nav_buttons.tpl
aux lignes 33 et 41 retirer les séparateur de commentaire( " {*<!-- et --!>*} ") autour de $first.
enregistrer et activé

C'est facilement applicable à d'autre theme, par contre pour slide tu garderas INÉVITABLEMENT  les tab à gauche.
C'est dans le fichier supersizedhref.js que tu peux bouger les options de supersized
la demo sur piwitheme

Hors ligne

#5 2013-08-22 23:07:40

patfrwar
Membre
Tours
2011-05-24
164

Re: [Help] implementer script Supersize dans le slideshow

Bonsoir

Merci pour la réponse mais je n'ai pas encore eu le temps de tester
pour l'instant je me bat avec mon menu en fait passer d'un menu vertical à un menu Horizontal engendre beaucoup de changement
que je n'avais pas vu au départ il faut reprendre presque tous les templates un par un
et comme je ne suis pas un spécialiste, j'avance au coup par coup

mais c'est sur je vais tenter ta solution car le mode plein écran me plait bien

Cdlt
et encore merci

Hors ligne

Pied de page des forums

Propulsé par FluxBB

github twitter newsletter Faire un don Piwigo.org © 2002-2024 · Contact