PlxYoxView une fancybox

2»

Réponses

  • c'est pas pluxml qui est en cause. Par exemple une page
    <html>
    <head>
    ...
    </head>
    <body>
    <div>
    <p>dfsdfsdfdsfdsfdsfdsfdsfsdffsdfsd <img src="...."> sdfsdffdf</p>
    <p>dgdfgfdgfdgoroor <img src="...">sdlfsdfk</p>
    </div>
    </body>
    </html>
    


    Pour faire fonctionner les lightbox tu dois définir un id sur l'élément qui contient les images à afficher en lightbox, ce qui donne.
    <html>
    <head>
    ...
    </head>
    <body>
    <div>
    <p>dfsdfsdfdsfdsfdsfdsfdsfsdffsdfsd <img src="...."> sdfsdffdf</p>
    <p>dgdfgfdgfdgoroor <img src="...">sdlfsdfk</p>
    </div>
    </body>
    </html>
    
    Dans cas les images font s'afficher en lightbox, maintenant avec le plugin tu utilise le bouton de plxeditor pour intégrer une image ce qui donne un code (de tête)
    <html>
    <head>
    ...
    </head>
    <body>
    <div>
    <p>dfsdfsdfdsfdsfdsfdsfdsfsdffsdfsd <span  id="plxyoxview"><img src="...."></span> sdfsdffdf</p>
    <p>dgdfgfdgfdgoroor <span  id="plxyoxview"<img src="..."></span>sdlfsdfk</p>
    </div>
    </body>
    </html>
    

    Dans cette situation la première image est prise en compte mais la deuxième ayant le même id ça marche pas :) pour le moment je ne sais pas trop comment gérer ce cas.

    J'ai un string de l'array

  • shamanshaman Member
    février 2012 modifié
    J'ai adopté une solution "batarde" : j'ai englobé ma page statique dans une div ayant l'ID plxyoxview.
    Du coup, toutes les images en href de la page s'ouvrent en lightbox mais groupées en diaporama...

    Et en appelant ton plugin par un class et pas par un ID, ça ne peut pas marcher ?
  • c'est pas la méthode d'appel qui pose problème mais le faite que chaque éléments ai le même id.

    J'ai un string de l'array

  • J'insiste par ignorance mais en utilisant lightbox, on agrémente toute les photos en ajoutant un REL au href...
    Qu'est ce qui empêche de faire le même style...?
  • @flipflip et @shaman : l'ID doit être unique dans une page. Si plusieurs éléments sont pourvus du même identifiant, seul le premier sera ouvert par le script. Il me semble qu'en utilisant le plugin c'est une balise <div id="yoxview" class="yoxview">...</div> qui enveloppe les photos. La classe est suffisante pour déclencher le script. Il suffit de supprimer l'ID et de modifier l'initialisation du script en ciblant la classe dans le "document.ready".

    J'ai passé quelques journées sur Yoxview et fini par laisser tomber ce script qui est pourtant très alléchant au départ. J'ai beau faire, je n'arrive pas à afficher ni vidéos ni une galerie YouTube dans Chrome !
  • Merci erictlurick pour ces précisions je testerais tout ça... quand j'arriverais à trouver un moment :(

    J'ai un string de l'array

  • Je laisse la technique aux techniciens.... :)
  • PlxYoxView est t'il compatible (ou le sera t'il) avec Static Galeries ?
  • flipflipflipflip Member
    février 2012 modifié
    Bonjour,

    Comme dit dans le post de Static Galeries
    J'attends vos premier retour pour faire des corrections. J'ai essayé de coller au maximum au fonctionnement interne de PluXml, j'ai intégré la compatibilité avec le plugin plxyoxview (j'ai découvert un bug suite à la mise à jour vers jquery 1.7.1. Il a été signalé au concepteur de yoxview), la gestion des dossiers utilisateurs est prise en compte.

    Ou encore :
    === Possibilité ===
    - Gestion des dossiers utilisateurs;
    - Ajout d'un texte propre à chaque galerie;
    - Compatibilité avec le plugin plxyoxview;
    - Gestion des sous-répertoires;
    - Définir un mot de passe par galerie.

    ;)

    J'ai un string de l'array

  • novanova Member
    février 2012 modifié
    Ce n'est pas vraiment ce que je voulait dire. En fait, j'essai de combiner le 2 mais ça marche pas (je m'y prend certainement très mal).

    Ligne 63-67 /galerie.galerie.php
    <span class="listFile">
    <a href="<?php echo $v ?>" title="<?php echo plxUtils::strCheck($v) ?>">
    <img src="<?php echo plxUtils::thumbName($v) ?>" alt="<?php echo plxUtils::strCheck($v) ?>"/>
    </a>
    </span>

    Ben j'ai essayé de faire ça:
    <span class="listFile" id="plxyoxview" class="plxyoxview">
    <a href="<?php echo $v ?>" title="<?php echo plxUtils::strCheck($v) ?>">
    <img src="<?php echo plxUtils::thumbName($v) ?>" alt="<?php echo plxUtils::strCheck($v) ?>"/>
    </a>
    </span>
  • flipflipflipflip Member
    février 2012 modifié
    Normalement tu n'a pas besoin de modifier le fichier galerie.galerie.php, la gestion de plxyoxview est déjà prévue, voir ligne 52
    <div class="GalThumb">
    		<div class="plxyoxview" id="plxyoxview">
    

    Si tu le met sur le span la fonction diaporama ne fonctionnera pas et de plus en html un id ne peut être déclaré qu'une seul fois dans la page.

    J'ai un string de l'array

  • zenpixzenpix Member
    plxyoxview marchait sur mon theme.
    maintenant je souhaite l'integrer sur un autre theme(plxbootstrap).
    le header .php de ce theme est different , du coup je suis perdu pour integrer le code:
    <code><?php eval($plxShow->callHook('ThemeStartBody')) ?></code>

    le header .php est composer ainsi:
    <code><?php if(!defined('PLX_ROOT')) exit; ?>
    <!DOCTYPE html>
    <html lang="<?php $plxShow->defaultLang(); ?>">
    <head>
    <meta charset="<?php $plxShow->charset(); ?>">
    <title><?php $plxShow->pageTitle(); ?></title>
    <?php $plxShow->meta('description'); ?>
    <?php $plxShow->meta('keywords'); ?>
    <?php $plxShow->meta('author'); ?>





    <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>;
    <![endif]-->

    <!-- Le styles -->
    <link href="<?php $plxShow->template(); ?>/css/bootstrap.min.css" rel="stylesheet">
    <link href="<?php $plxShow->template(); ?>/css/plxbootstrap.css" rel="stylesheet">
    <link href="<?php $plxShow->template(); ?>/css/bootstrap-responsive.min.css" rel="stylesheet">
    <?php $plxShow->templateCss() ?>




    <!-- Le fav and touch icons -->
    <link rel="shortcut icon" href="<?php $plxShow->template(); ?>/img/favicon.png">
    <link rel="apple-touch-icon" href="<?php $plxShow->template(); ?>/img/apple-touch-icon.png">
    <link rel="apple-touch-icon" sizes="72x72" href="<?php $plxShow->template(); ?>/img/apple-touch-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="114x114" href="<?php $plxShow->template(); ?>/img/apple-touch-icon-114x114.png">

    <!-- Le feeds -->
    <link rel="alternate" type="application/rss+xml" title="<?php $plxShow->lang('ARTICLES_RSS_FEEDS'); ?>" href="<?php $plxShow->urlRewrite('feed.php?rss') ?>" />
    <link rel="alternate" type="application/rss+xml" title="<?php $plxShow->lang('COMMENTS_RSS_FEEDS'); ?>" href="<?php $plxShow->urlRewrite('feed.php?rss/commentaires') ?>" />
    </head>



    <body data-spy="top">


    <div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
    <div class="container-fluid">
    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    </a>
    <a class="brand" href="<?php $plxShow->racine(); ?>"><?php $plxShow->mainTitle(''); ?></a>
    <p class="navbar-text pull-left" style="padding-right: 20px;"><?php $plxShow->subTitle(); ?></p>
    <div class="nav-collapse">
    <ul class="nav">
    <?php $plxShow->staticList($plxShow->getLang('HOME'),'<li id="#static_id" class="#static_status"><a href="#static_url" title="#static_name">#static_name</a></li>'); ?>
    <form class="navbar-search pull-left" style="padding-left: 20px;" action="<?php $plxShow->racine(); ?>search" method="post">
    <input type="text" class="search-query span2" name="searchfield" placeholder="Rechercher">
    </form>
    </ul>
    <ul class="nav pull-right">
    <?php $plxShow->pageBlog('<li id="#page_id"><a class="#page_status" href="#page_url" title="#page_name">#page_name</a></li>'); ?>
    <li class="divider-vertical"></li>
    <li class="dropdown">
    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Flux <b class="caret"></b></a>
    <ul class="dropdown-menu">
    <li><a href="<?php $plxShow->urlRewrite('feed.php?rss') ?>" title="<?php $plxShow->lang('ARTICLES_RSS_FEEDS') ?>"><?php $plxShow->lang('ARTICLES') ?></a></li>
    <li class="divider"></li>
    <li><a href="<?php $plxShow->urlRewrite('feed.php?rss/commentaires') ?>" title="<?php $plxShow->lang('COMMENTS_RSS_FEEDS') ?>"><?php $plxShow->lang('COMMENTS') ?></a></li>
    </ul>


    </li>


    </ul>
    </div><!--/.nav-collapse -->
    </div>
    </div>
    </div>

    <div class="container-fluid">
    <div class="row-fluid"></code>

    aide svp ?
    merci
Connectez-vous ou Inscrivez-vous pour répondre.