11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour !

J'aimerais installer la lightbox sur mon site, et j'aimerais aussi la personnaliser un peu !
J'aimerais mettre une petite bannière en haut de l'image qui s'ouvre grace a la lightbox.

Je vous donner un exemple : Cliquez ici ! Puis cliquez sur l'image et vous verrez une bannière "TSR" sur fond bleu.

Je précise que je ne m'y connais pas trop en JS Smiley confus . Limite pas du tout Smiley ravi

Si quelqu'un sait comment faire ... Smiley smile
Merci d'avance !
Modifié par samuel77220 (27 Jun 2010 - 20:14)
Bonjour,
Je pense que je regarderai dans lightbox.js, à cet endroit là (commentaires ligne 213):
		var objBody = document.getElementsByTagName("body").item(0);
		
		var objOverlay = document.createElement("div");
		objOverlay.setAttribute('id','overlay');
		objOverlay.style.display = 'none';
		objOverlay.onclick = function() { myLightbox.end(); }
		objBody.appendChild(objOverlay);
		
		var objLightbox = document.createElement("div");
		objLightbox.setAttribute('id','lightbox');
		objLightbox.style.display = 'none';
		objLightbox.onclick = function(e) {	// close Lightbox is user clicks shadow overlay
			if (!e) var e = window.event;
			var clickObj = Event.element(e).id;
			if ( clickObj == 'lightbox') {
				myLightbox.end();
			}
		};
		objBody.appendChild(objLightbox);
			
		var objOuterImageContainer = document.createElement("div");
		objOuterImageContainer.setAttribute('id','outerImageContainer');
		objLightbox.appendChild(objOuterImageContainer);


Tu dois pouvoir créer un div supplémentaire que tu styleras comme bon te semble… Smiley lol

Bon courage Smiley cligne
Tu as fait ça avec la version 1 de lightbox, moi j'ai la version 2, Je suis vraiment désolé de ne pas l'avoir précisé Smiley sweatdrop

EDIT : j'ai reussit a résoudre mon problème.

Merci de ton aide Smiley smile
Modifié par samuel77220 (27 Jun 2010 - 20:14)