|
ThickBox v3.1 et IE...
Bonsoir,
suite à la demande précédente, je vais essayer d’expliquer ce que j’ai fait.
D’abord, voir le résultat :
www.anneperrissol.fr
Allez consulter une galerie, et ThickBox se mettra en route... (avec du flash, c’est une autre histoire !)
On pourra par exemple voir ici
thickbox pour des photos
Comment j’ai fait...
1- comme indiqué dans mon précédent message, j’ai d’abord adapté mon squelette. Pour ça, mettre le fichier "jquery.js.html" dans votre dossier "squelettes" avec le contenu suivant :
[(#REM)
Charger la librairie jQuery et ses plugins
]#CACHE{7*24*3600,cache-client}
#HTTP_HEADER{'Content-Type: text/javascript'}
/*
* jQuery 1.2.1 - New Wave Javascript
*
* Copyright (c) 2007 John Resig (jquery.com)
* Dual licensed under the MIT (MIT-LICENSE.txt)
* and GPL (GPL-LICENSE.txt) licenses.
*
* + form.js (plugins @ jQuery.com)
* + ajaxCallback.js (www.spip.net)
*/
[(#INCLURE{javascript/jquery-1.2.1.pack.js})]
[(#INCLURE{javascript/form.js}|compacte_js)]
[(#INCLURE{javascript/ajaxCallback.js}|compacte_js)]
On appelle ainsi le jquery le plus récent (rien de vous empêche ensuite de faire les mises à jours !
2- mettre les fichiers "jquery-1.2.1.pack.js", "form.js" et "ajaxCallback.js" (le premier obtenu sur le site de jquery, les deux autres déjà dans SPIP, dossier "dist/javascript") dans un dossier "javascript" dans votre dossier "squelettes".
3- mettre le dossier "thickbox" récupéré sur internet dans un dossier de plug-in, et faire un plug-in "mon_plugin" dans lequel on place le code suivant dans un fichier "mon_plugin_fonctions.php" :
<?php
function mon_plugin_insert_head($flux){
$flux .= '<script type="text/javascript" src="'.find_in_path('thickbox/thickbox.js').'"></script>
';
$flux .= '<link rel="stylesheet" href="'.find_in_path('thickbox/thickbox.css').'" type="text/css" media="screen" />
';
return $flux;
}
?>
4- pour utiliser ThickBox, j’ai créé un plug-in qui fait beaucoup de choses, et donc je ne pense pas pouvoir le partager ! Cependant, avec l’installation précédente, le code suivant devrait fonctionner dans une page :
<a class="thickbox" title="Un titre" rel="my_gallery" href="dossier/image.JPG">
<img class="thumbnail" src="dossier-vignettes/image.JPG" alt="image" title="La belle image" style='max-width: 520px; max-height: 100000px' >
</a>
Je peux éventuellement fournir un code pour générer ça sous forme de plug-in, mais il me faudrait un peu de temps : le mien fait beaucoup plus à cause de la particularité du site, et de la présentation sous forme de flash ! Qui peut le plus peut le moins, mais parfois ce n’est pas si facile !
J’espère que ça va en aider quelques uns. Je reste à l’écoute pour des compléments que j’aurais oublié de fournir !
Thierry
|
SPIP, système de publication pour l’internet
Répondre à la question