Welcome, Guest
Username: Password: Remember me

TOPIC: Jquery-lightbox

Jquery-lightbox 3 years 1 month ago #57433

  • darknico84
  • darknico84's Avatar
  • OFFLINE
  • Senior Lime
  • Posts: 58
  • Karma: 0
Bonjour à toutes et tous,

J'aurais aimé savoir si certains d'entre vous avaient implémenté avec succès un plugin du type jquery-lightbox dans limesurvey. Par exemple dans le cadre d'un questionnaire où on devrait voter pourpour un photo et où il serait pratique d'avoir une vignette qui pourrait être agrandie.

J'ai essayé de récupérer jquery lightbox et de l'insérer dans les rubriques header de common.php mais sans grand succès.

Merci d'avance pour votre aide ou vos indices

Nicolas
The administrator has disabled public write access.

Re: Jquery-lightbox 3 years 1 month ago #57440

  • DenisChenu
  • DenisChenu's Avatar
  • OFFLINE
  • Moderator Lime
  • Posts: 5845
  • Thank you received: 715
  • Karma: 222
Salut,

Surtout pas dans comon.php, c'est uniquement dans le template.
METHODO:
* Ajouter le fichier jquery.lightbox.js dans le template (envoi de fichier)

* Ajouter dans le fichier start.pstpl
<script type="text/javascript" src="{TEMPLATEURL}jquery.lightbox-0.4.js"></script>
au dessus de la ligne équivalent mais avec template.js

* Ajouter dans le fichier template.js
$(document).ready(function() {
$('a.lightbox').lightBox();
});

Et bien sur, mettre pour les images:
<a href="lien-vers-images.jpg" class="lightbox"><img src="petite-image.jpg"></a>
en mode d'édition de la source

J'ai souvent utilisé jquery-lightbox opu media box dans des sites web, mais peu sous LS.
Last Edit: 3 years 1 month ago by DenisChenu.
The administrator has disabled public write access.

Re: Jquery-lightbox 3 years 1 month ago #57476

  • darknico84
  • darknico84's Avatar
  • OFFLINE
  • Senior Lime
  • Posts: 58
  • Karma: 0
Merci Maître Shnoulle !!!

Ca fonctionne nickel il a juste fallu :
- copier les images de lightbox dans admin/images
- copier le css lightbox dans template/default/css
- et ajouter dans startpage.pstpl
<link rel="stylesheet" type="text/css" href="{TEMPLATEURL}css/jquery.lightbox-0.5.css"/>

Bon après ce qui serait carrément trop formidable c'est de pouvoir choisir dans fckeditor si on veut une image normale toute bête ou truc qui dépote avec un machinbox O:D

En fait cela est utile par exemple quand en guise de réponse on met une image (forcément un miniature) et que l'on a besoin de voir cette image en grand, en détails ...

En tout cas ça fonctionne nickel chrome, merci encore
The administrator has disabled public write access.
Moderators: Nickko
Time to create page: 0.104 seconds
Donation Image