Ouverture d’images avec MediaBox

JypG

Février 2016

Bonjour à tous,

Je n’arrive pas a faire fonctionner MediaBox, ca m’ouvre les images sur une nouvelle page au lieu de me l’ouvrir dans un popup :
http://lordjypx.fr/spip.php?article9

<div class="documents_portfolio" id="documents_portfolio">
	<h2><:medias:info_portfolio:></h2>
	<ul>
		<BOUCLE_documents_portfolio(DOCUMENTS) {id_article?}{id_rubrique?}{objet?}{id_objet?} {mode=document}{extension IN png,jpg,gif} {par num titre, date}{doublons}{vu=non}>[
		<li><a class='mediabox cboxElement hasbox' href="(#URL_DOCUMENT)" [ title="(#TITRE|attribut_html|couper{80})"]>[(#FICHIER
			|image_passe_partout{90,90}
			|image_recadre{90,90}
			|inserer_attribut{class,spip_logo}
			|inserer_attribut{alt,[(#TITRE|attribut_html|couper{80})]})]</a></li>
		]</BOUCLE_documents_portfolio>
	</ul>
</div>

Merci d’avance pour votre aide

Résolu

Par note Par date Par date chronologique

Indiquez l’intérêt que vous portez à cette réponse

0

Patrick

Février 2016

Bonjour,
est ce que tu as configuré la mediabox ?
sinon dans la partie privée=>squelettes=>boite multimedia=> choisir un Habillage visuel.
J’ai eu ce genre de problème avec un menu qui entrait en conflit avec la box.
Quel est ton menu ? Je cherche un habillage responsive comme le tien ?
Indiquez l’intérêt que vous portez à cette réponse

0

JypG

Février 2016

J’ai déjà testé avec tout les habillages et ça n’a rien change.

Je suis parti de ça pour mon site : http://startbootstrap.com/template-overviews/scrolling-nav/

J’ai peut être un confit avec Bootstrap
Indiquez l’intérêt que vous portez à cette réponse

0

b_b

Février 2016

Salut, ton problème est un "classique" ;)

Tu as deux versions de jQuery dans ta page, ce qiu génère plein d’erreur javascript et du coup casse mediabox. De plus, ta page semble avoir une double inclusion du head, ce qui doublonne tous les appels de css et javascript. Au final la page semble appeler 4 ou 5 fois jQuery ^^

Dans un premier temps, retire l’appel à jQuery ligne 52 de ce squelette :

http://lordjypx.fr/squelettes/inclure/head.html

Pour le double head, cela vient de cet appel, à retirer donc :

http://lordjypx.fr/squelettes/article.html

Le squelette comporte un <INCLURE{fond=inclure/head} /> alors que le squelette inclus en comporte aussi un, cf :

http://lordjypx.fr/squelettes/article_defaut.html

Et voilà :)
Indiquez l’intérêt que vous portez à cette réponse

0

JypG

Février 2016

Merci, J’ai supprimer le doublon dans head et supprimer dans article_defaut.html.

Ca na rien changé.
J’ai aussi désactivé tout les autres scripts dans head.
Indiquez l’intérêt que vous portez à cette réponse

0

b_b

Février 2016

On dirait bien que non...

Je vois toujours un <script src="squelettes/js/jquery.js" type="text/javascript"></script> Ligne 63 de l’article cité en début de thread.
Indiquez l’intérêt que vous portez à cette réponse

0

JypG

Février 2016

Merci et encore merci !
Je pensais qu’il fallait en laisser un.
Indiquez l’intérêt que vous portez à cette réponse

0

b_b

Février 2016

Nope, car SPIP insère déjà jQuery dans les pages publiques (cf la balise insert_head). Content que ton problème soit résolu :)
Indiquez l’intérêt que vous portez à cette réponse

0

JypG

Février 2016

C’est code que j’ai utilisé :
<B_documents_portfolio> <div class="documents_portfolio" id="documents_portfolio"> <h2><:medias:info_portfolio:></h2> <ul> <BOUCLE_documents_portfolio(DOCUMENTS) {id_article?}{id_rubrique?}{objet?}{id_objet?} {mode=document}{extension IN png,jpg,gif} {par num titre, date}{doublons}{vu=non}>[ <li><a href="(#URL_DOCUMENT)" class='mediabox' rel="macollection" type="image/jpeg">[(#FICHIER |image_passe_partout{90,90} |image_recadre{90,90} |inserer_attribut{class,spip_logo} |inserer_attribut{alt,[(#TITRE|attribut_html|couper{80})]})]</a></li> ]</BOUCLE_documents_portfolio> </ul> </div> </B_documents_portfolio>