Forums Développement Multimédia

Aller au contenu

Flash et lightbox

PAO Flash

38 réponses à ce sujet

#1 rlecalvez

    Ceinture Blanche

  • Members
  • Pip
  • 13 messages

Posté 23 January 2008 - 18:34 PM

Bonjour à tous

Un petit billet juste pour vous faire part d'une solution. En effet j'ai essayé d'utiliser le script lightbox à partir de flash comme un certain nombre de débutant souhaite le faire. L'idée etait d'ouvrir une galerie d'image flash (le trés bon simpleviewer qui a l'avantage d'en générer automatiquement en combinaison avec picassa) dans une lightbox à partir de mon site flash.

Ce fut dur pour un débutant comme moi mai j'y suis arrivé alors voici la solution.

1) Télécharger l'excellent script lightwindow (mod trés avancé de la lightbox) qui permet de tout insérer dans une lightbox (image, papge web, formulaire etc..) sur Lien

2)Intégrer le script dans votre page html qui contient votre animation Flash comme indiquer sur le site > 3javascript externe et 2 css
Attention pour l'effet de fondu et l'anim de chargement bien vérifier les liens qui se trouve dans le fichier lightwindow.js
Attention aussi de bien rajouter dans les parametres d'insertion du flash ces deux paramètre suivant:


HTML
<param name="wmode" value="transparent" />
<param name="allowScriptAccess" value="always" />

et au niveau de l'embed :
HTML
wmode="transparent" allowScriptAccess="always"

Sinon votre animation flash a de forte chance de passer au dessus de votre lightbox

3) il ne vous reste plus qu'a faire communiquer votre bouton flash avec le javascript en insérant la ligne de code suivante:

Action Script


bt_votrebouton.onRelease = function(){
getURL("java script: myLightWindow.activateWindow({href: 'URL', title: 'TITLE', author: 'AUTHOR', caption: 'CAPTION'});")};


Au niveau d'URL, vous pouvez mettre n'importe quoi. Un site, un swf, une image, une page html complète etc...

Vous pouvez voir le résultat en allant sur
Lien
et en suivant le chemin suivant à partir du menu
references>espaces publics urbains, peri urabin etc>quartier de la madeleine puis en cliquant sur le petit carré vert en haut à gauche (et oui c'est en test donc pas trés facilement accessible)

Bon j'avoue que c'est pas terrible niveau programmation mais ca marche. J'espere que ca servira à certain. A plus

edit: j ai corrigé les liens ( matt-murdock)

Modifié par matt-murdock, 15 May 2008 - 10:54 AM.


#2 d.lartigue

    Ceinture Verte

  • Members
  • PipPipPipPip
  • 65 messages

Posté 09 April 2008 - 17:21 PM

Attention tes liens sont faux ! mais je pense que tout le monde a vu l'erreur icon_wink.gif

excellent ce truc, je cherchais depuis la sortie de lightbox un système pour les swf ! on va enfin en finir avec les popups

#3 d.lartigue

    Ceinture Verte

  • Members
  • PipPipPipPip
  • 65 messages

Posté 09 April 2008 - 19:04 PM

ben j'ai tout essayé, mais chez moi ça foire sad.gif

j'ai mis les 3 scripts, tout les fichiers mais rien ne se passe !

tu peux allez voir ici et tu cliques à droite du logo dans le premier rectangle tu verras y a un bouton invisible

http://www.lartigue.ch/index_new/index_new.html


#4 psyckott

    Ceinture Blanche

  • Members
  • Pip
  • 6 messages

Posté 02 June 2008 - 20:52 PM

Salut,

Moi aussi j'ai essayé mais ça ne marche malheureusement pas.
Voici mon fichier html :

Citation
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
&lt;script language="javascript">AC_FL_RunContent = 0;</script>
&lt;script src="AC_RunActiveContent.js" language="javascript"></script>
&lt;script type="text/javascript" src="javascript/prototype.js"></script>
&lt;script type="text/javascript" src="javascript/scriptaculous.js?load=effects"></script>
&lt;script type="text/javascript" src="javascript/lightwindow.js"></script>
<link rel="stylesheet" href="css/lightwindow.css" type="text/css" media="screen" />
<link rel="stylesheet" href="css/default.css" type="text/css" media="screen" />
</head>
<STYLE type="text/css">
BODY { background: url("bg.png"); background-repeat:repeat-x; }
</STYLE>
<body>
<object type="application/x-shockwave-flash" data="index.swf" width="1024" height="768">
<param name="movie" value="index.swf" />
<param name="loop" value="true" />
<param name="wmode" value="transparent" />
<param name="allowScriptAccess" value="always" />
<embed src="index.swf" width="1024" height="768" wmode="transparent" allowScriptAccess="always">
</embed>
</object>
</body>
</html>


et Mon bouton dans flash j'ai mis :
Citation
onRelease = function(){
getURL("java script: myLightWindow.activateWindow({href: 'http://www.google.fr', title: 'Test', author: 'lui', caption: 'CAPTION'});")};


Est-ce que quelqu'un sauré m'aidé s'il vous plait ?

Modifié par psyckott, 02 June 2008 - 20:56 PM.


#5 psyckott

    Ceinture Blanche

  • Members
  • Pip
  • 6 messages

Posté 02 June 2008 - 21:49 PM

De mon précédent post j'ai corrigé l'espace entre java et script, mais ça ne marche toujours pas (j'ai vu aussi cette page http://flash.mediabo....p;#entry553431)

#6 guilich

    Ceinture Blanche

  • Members
  • Pip
  • 11 messages

Posté 09 September 2008 - 13:07 PM

as tu trouvé la solution a ton probleme?

#7 condon

    Ceinture Verte

  • Members
  • PipPipPipPip
  • 54 messages

Posté 10 November 2008 - 20:48 PM

Bonjour
Ou rentre t-on les dimensions de la fenetre, pour une page html:

bt_votrebouton.onRelease = function(){
getURL("java script: myLightWindow.activateWindow({href: 'URL', title: 'TITLE', author: 'AUTHOR', caption: 'CAPTION'});")};


#8 matt-murdock

  • Honoris
  • PipPipPipPipPipPipPipPip
  • 6851 messages

Posté 10 November 2008 - 22:43 PM

c ets pas defini dans le javascript de lightbox? et non dans le swf?



#9 condon

    Ceinture Verte

  • Members
  • PipPipPipPip
  • 54 messages

Posté 10 November 2008 - 23:03 PM

Merci, je vais voir dans le javascript

#10 cfg.vincent

    Ceinture Orange

  • Members
  • PipPipPip
  • 49 messages

Posté 23 December 2008 - 12:13 PM

Salut je suis en train de rencontrer les mêmes soucis avec l'integration d'une lightwindow.

J'ai bien suivit les explication précédentes mais rien ne marche (la fenêtre n'apparaît pas du tout)

Sur le bouton flash j'ai mis:

Action Script

on (release) { 
getURL("java script:myLightWindow.activateWindow({href: '/about.swf', title: 'TITLE' ,author: 'AUTHOR', caption: 'CAPTION'});")
}

dans le html :

Action Script

//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Studio memo.....communication - graphiste - agence - vosges</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>

<script type="text/javascript" src="swfobject.js"></script>

<link rel="stylesheet" type="text/css" href="css/default.css" />
<link rel="stylesheet" type="text/css" href="css/lightwindow.css" />

<script type="text/javascript" src="javascript/prototype.js"></script>
<script type="text/javascript" src="javascript/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="javascript/lightwindow.js"></script>
<link rel="stylesheet" href="css/lightwindow.css" type="text/css" media="screen" /></head>
params="lightwindow_width=516,lightwindow_height=530,lightwindow_show_images=2"


<body bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" scroll="no">
<param name="movie" value="site_pme.swf" />
<param name="loop" value="true" />
<param name="wmode" value="transparent" />
<param name="allowScriptAccess" value="always" />
<div id="main">
<strong>.</strong>
</div>
wmode="transparent" allowScriptAccess="always"
<script type="text/javascript">
var so = new SWFObject("site_studio_memo_communication.swf", "sotester", "100%", "95%", "7", "#000000");
so.addParam("allowFullScreen", "true");
so.addParam("scale", "noscale");
so.addParam("menu", "false");
so.write("main");
</script>
</body>
</html>

Sur mon serveur j'ai upload les fichier .js correspondant
lightwindow.js
scriptaculous.js
prototype.js
effects.js
ainsi que les 2 .css

Si quelqu'un pouvait m'expliquer ce qui ne va pas...Ca serait sympa..


#11 jinmoku

  • Members
  • PipPipPipPipPipPipPipPip
  • 564 messages

Posté 23 December 2008 - 16:09 PM

il est bizar ton code

pourquoi avec "</head>" t'as un ligne "params="lightwindow_width=516,lightwindow_height=530,lightwindow_show_images=2"
pourquoi si t'es en XHTML Strict t'as "bgcolor="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" scroll="no"
pourquoi y'as pas de balise object ?
pourquoi d'un coup dans les parametres t'as une balise "<div>"

#12 cfg.vincent

    Ceinture Orange

  • Members
  • PipPipPip
  • 49 messages

Posté 24 December 2008 - 16:16 PM

Salut,

Oui c'est clair je suis pas super doué en html il y a surement des soucis dans le code, après bon du temps que le site fonctionne.... bandit.gif


La ligne params="lightwindow_width=516,lightwindow_height=530,lightwindow_show_images=2" je l'ai suprimée (je l'avais mise là pace que je savais pas trop ou la mettre

La balise div aussi je l'ai suprimée

Pourquoi il n'y a pas de balise object ca c'est une bonne question, à laquelle je ne saurais répondre...Je dirais parce qu'il n'y en à pas besoin...

Tu m'embrouille un peut là.. icon_redface.gif ...

Si tu veux me dire comment mieux organiser le code c'est pas de refus...

Autrement pour la lightwindow t'as une idée??

#13 ludovic

    Ceinture Blanche

  • Members
  • Pip
  • 2 messages

Posté 31 January 2009 - 15:02 PM

Petite rectifications pour ceux qui n'y arrive toujours pas. Le code correcte sur le bouton flash est :

on (release) {
getURL("java script:myLightWindow.activateWindow({href: '/about.swf', title: 'TITLE' ,author: 'AUTHOR', caption: 'CAPTION'});")
}

mais sans espace dans "javascript" apparemment le site Flash Mediabox refuse de mettre se terme en un mot.

Modifié par Sayki01, 31 January 2009 - 15:03 PM.


#14 th.laure

    Ceinture Blanche

  • Members
  • Pip
  • 6 messages

Posté 04 February 2009 - 21:02 PM

Salut,
Après tous ces bons conseils j'ai bien réussi a afficher une image .jpg a partir de mon fichier flash.
Le soucis est que je veux une gallerie de fichier .jpg
Je ne sais pas comment faire et ou mettre les liens pour accéder à toutes les images.
merci.

#15 flacroix

    Ceinture Blanche

  • Members
  • Pip
  • 1 messages

Posté 05 February 2009 - 09:49 AM

Bonjour,

Le javascript me retourne une erreur sous IE(6 et 7) alors que tout fonctionne correctement Firefox ?!

Une idée ?

#16 julesfashion

    Ceinture Blanche

  • Members
  • Pip
  • 1 messages

Posté 23 February 2009 - 18:24 PM

je n'arrive pas a regler ce probleme :
sur un meme fichier, un lien HTML fonction, mais pas le flash expliqué ci dessus… qu'elqu'un pourrait il me corriger SVP ?

dans flash :

Action Script

on(release){
getURL("java script: myLightWindow.activateWindow({href: 'images2/edition_image/BN_1_zoom.jpg', title: 'TITLE' ,author: 'AUTHOR', caption: 'CAPTION'});")};

dans mon HTML :

Action Script

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Studiopoulain</title>

<!-- CSS -->
<link rel="stylesheet" type="text/css" href="css/studio.css" />
<link rel="stylesheet" type="text/css" href="css/lightwindow.css" />

<!-- JavaScript -->
&lt;script type="text/javascript" src="javascript/prototype.js"></script>

&lt;script type="text/javascript" src="javascript/effects.js"></script>
&lt;script type="text/javascript" src="javascript/lightwindow.js"></script>
&lt;script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>

<body>

&lt;script type="text/javascript">
AC_FL_RunContent( 'wmode','transparent','codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','737','height','171','src','menu_BN','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','wmode','transparent','allowscriptaccess','always' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="737" height="171">
<param name="wmode" value="transparent" />
<param name="allowScriptAccess" value="always" /><param name="SRC" value="menu_BN.swf" />
<embed src="menu_BN.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" wmode="transparent" allowScriptAccess="always" type="application/x-shockwave-flash" width="737" height="171"></embed>
</object></noscript></noscript></td>

</body>
</html>

Merci de votre aide !

#17 larmandie

    Ceinture Blanche

  • Members
  • Pip
  • 11 messages

Posté 24 February 2009 - 15:17 PM

Citation (julesfashion @ Feb 23 2009, 06:24 PM) Voir le message

Action Script

on(release){
getURL("java script: myLightWindow.activateWindow({href: 'images2/edition_image/BN_1_zoom.jpg', title: 'TITLE' ,author: 'AUTHOR', caption: 'CAPTION'});")};


Bonjour,

Déjà il y a un espace dans javascript qui ne me parait pas de bon aloi....


#18 matt-murdock

  • Honoris
  • PipPipPipPipPipPipPipPip
  • 6851 messages

Posté 24 February 2009 - 16:11 PM

@ lamx ... l espace cest normal... c est un feature du forum ( pour eviter l inserton de code activ dans un messages par exemple...)

donc l erreur vient pas dela...




#19 elixir.land

    Ceinture Blanche

  • Members
  • Pip
  • 5 messages

Posté 24 February 2009 - 16:48 PM

bonjour,

je me permets de m'incruster dans la conversation, car j'ai également un problème de lightbox..

voici mon site : http://www.bookinbloom.com

malgré les instructions ci-dessus, mon animation-site apparait partiellement au dessus des lightbox et pourtant j'ai remis les mêmes codes..

je me demande si cela ne vient pas du fait que j'ai mis de la vidéo sur mon site, si l'image en mouvement ne fait pas bugger l'image appelé dans la lightbox..

est-ce possible, quelqu'un peut-il m'aider?

merci d'avance..

#20 elixir.land

    Ceinture Blanche

  • Members
  • Pip
  • 5 messages

Posté 24 February 2009 - 17:07 PM

re,

dslée ce n'est pas les vidéos icon_confused.gif , je les ai enlevé et le problème reste le même.

je ne sais pas si c'est le code ,je ne connais pas le html, je débute dans les langages.. alors merci à celui qui pourra m'aider..

#21 larmandie

    Ceinture Blanche

  • Members
  • Pip
  • 11 messages

Posté 24 February 2009 - 22:51 PM

Citation (matt-murdock @ Feb 24 2009, 04:11 PM) Voir le message
@ lamx ... l espace cest normal... c est un feature du forum ( pour eviter l inserton de code activ dans un messages par exemple...)

donc l erreur vient pas dela...

Autant pour moi....

#22 vrinsben

    Ceinture Bleue

  • Members
  • PipPipPipPipPip
  • 79 messages

Posté 09 March 2009 - 10:41 AM

J'ai également constaté que cela foirait sous IE7 ce qui enlève évidemment un grand intérêt pour cette technique.
- Sous IE7, la fenêtre disparait de la page tout simplement
- Sous Safari, la boite apparait mais ne se centre pas et la largeur n'est pas respectées par toutes les zones

Pour aller un peu plus loin dans la config, il faut aller dans le fichier lightwindows.js, ligne 316 :

Action Script

activateWindow : function(options) {
this.element = Object.extend({
href : null,
title : null,
author : null,
caption : null,
rel : null,
top : null,
left : null,
type : null,
showImages : null,
height : null,
width : null,
loadingAnimation : null,
iframeEmbed : null,
form : null
}
Je ne connais pas très bien tous les paramètres et par quelles valeurs ils peuvent être remplacés (c'est assé clair pour "height" beaucoup moins pour "loadingAnimation", yes/no ?)

Il est également possible de paramétrer depuis flash, de cette manière

Action Script

getURL("java script: myLightWindow.activateWindow({href: 'test.html', title: 'mon titre', author: 'Moi', width: '700', height: '380'});");

Si certains ont réussi à régler les bugs sous IE, je suis intéressé gourou.gif


#23 domontrenaud

    Ceinture Blanche

  • Members
  • Pip
  • 4 messages

Posté 19 March 2009 - 13:22 PM

Citation (vrinsben @ Mar 9 2009, 09:41 AM) Voir le message
J'ai également constaté que cela foirait sous IE7 ce qui enlève évidemment un grand intérêt pour cette technique.
- Sous IE7, la fenêtre disparait de la page tout simplement
- Sous Safari, la boite apparait mais ne se centre pas et la largeur n'est pas respectées par toutes les zones


pas de news a ce sujet ?



#24 domontrenaud

    Ceinture Blanche

  • Members
  • Pip
  • 4 messages

Posté 20 March 2009 - 13:54 PM

j'ai trouver la solution !!!
aller voir ce topics :
http://flash.mediabox.fr/index.php?showtopic=80642
vous voila en possession d'une lightwindow sous flash et qui fonctionne correctement sous IE et Firefox wink.gif

#25 djoolinesan

    Ceinture Verte

  • Members
  • PipPipPipPip
  • 64 messages

Posté 25 March 2009 - 20:04 PM

Bonjour à tous,
je travail en ce moment sur un site full flash avec intégration dynamique des menus, textes et images en XML. Je code en AS 2 et développe sur FlashPlayer 9.
J'aimerais pouvoir agrandir les images de ma galerie en utilisant une lightbox mais malheureusement deux problemes me barre la route.


Pour le premier:
J'ai bien réussi à intégrer cette lightbox dans mon code AS, comme ceci:

Action Script

_root.cadre02.boutons.zoom.onRelease = function(){
getURL("java script:flashLightbox('images/rubrique1/1.jpg','Your Caption');");
}
ainsi que dans l'HTML que je rédige ainsi

Action Script

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>nima</title>
&lt;script language="javascript">AC_FL_RunContent = 0;</script>
&lt;script src="AC_RunActiveContent.js" language="javascript"></script>
&lt;script type="text/javascript" src="lightbox.js"></script>
<link href="lightbox.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body {
background-color: #996600;
}
-->
</style></head>
<body>
<!--URL utilisées dans l'animation-->
<!--texte utilisé dans l'animation-->
<!-- saved from url=(0013)about:internet -->
&lt;script language="javascript">
if (AC_FL_RunContent == 0) {
alert("Cette page nécessite le fichier AC_RunActiveContent.js.");
} else {
AC_FL_RunContent(
'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
'width', '100%',
'height', '100%',
'src', 'nima',
'quality', 'high',
'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
'align', 'middle',
'play', 'true',
'loop', 'true',
'scale', 'showall',
'wmode', 'window',
'devicefont', 'false',
'id', 'nima',
'bgcolor', '#000000',
'name', 'nima',
'menu', 'true',
'allowFullScreen', 'false',
'allowScriptAccess','sameDomain',
'movie', 'nima',
'salign', ''
); //end AC code
}
</script>
<noscript>
<div align="center">

&lt;script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0','width','500','height','600','id','nimatestlightbox','align','middle','allowscriptaccess','sameDomain','allowfullscreen','false','movie','nimatestlightbox','quality','high','bgcolor','#999999','wmode','transparent' ); //end AC code
</script><noscript>


&lt;script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0','width','100%','height','100%','id','nima','align','middle','wmode','transparent','allowscriptaccess','always','allowfullscreen','false','movie','nima','quality','high','bgcolor','#000000' ); //end AC code
</script><noscript><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="100%" height="100%" id="nima" align="middle">
<param name="wmode" value="transparent" />
<param name="allowScriptAccess" value="always" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="nima.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#000000" />
<embed src="nima.swf" quality="high" bgcolor="#000000" width="100%" height="100%" name="nima" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" allowScriptAccess="always" wmode="transparent" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object></noscript>
</div>
</noscript>
</body>
</html>

mais malgré un grand nombre de forums visités et plusieurs tentatives de programmation différentes, la lightbox reste derrière mon .swf. icon_sad.gif
Je vous ai mis toutes ma page de code, si vous voyez une anomalie ou si vous avez d'autres solutions ... je vous en remercie d'avance.

Pour mon deuxième problème, j'aimerais que cette lightbox s'ouvre à partir d'un script que j'ai réalisé utilisant des fonctions XML. Cette fonction irait me chercher mes images directement dans mes différents dossier et s'écrirait comme ceci:

Action Script

_root.cadre02.boutons.zoom.onRelease = function(){
getURL("java script:flashLightbox('"images/rubrique" + (dossierActuel-2) + "/" + imageActuelle + ".jpg"','Your Caption');");
}

Le problème ici est que le code java n'accepte pas les "" il ne comprend que les ' '.
J'ai donc cherché une autre solution et je suis tombé sur une autre façon d'appeler la lighbox qui s'écrirait comme ceci:

Action Script


//import de la class external
import flash.external.*;
//action sur le bouton
_root.cadre02.boutons.zoom.onRelease = function() {
//nom de la fonction à appeler et le paramètre à passer
ExternalInterface.call("flashLightbox", "images/rubrique" + (dossierActuel-2) + "/" + imageActuelle + ".jpg", "Titre");
};

Malheureusement avec cette technique, rien ne fonctionne, alors que chez certain, ça à l'air de fonctionner (voir à cette adresse http://www.flashxpress.net/forum/showthread.php?t=63309 ... icon_sad.gif

Alors pour les plus courageux qui seront arrivé jusqu'en bas de cette page, et qui auraient des solutions à me proposer, n'hésitez pas car je patine complètement.
Merci

#26 djoolinesan

    Ceinture Verte

  • Members
  • PipPipPipPip
  • 64 messages

Posté 03 April 2009 - 16:45 PM

J'y suis arrivé icon_biggrin.gif
Alors pour la lightbox qui restait derrière, il me manquait un truc tout bête dont personne ne parle sur les forums, il ne faut pas oublier dans les paramètres de publication, dans l'onglet HTML de mettre le "mode de fenêtre" sur : "Sans fenêtre opaque" ... tout bête icon_biggrin.gif

Et pour mon probleme de lien vers les infos XML, j'ai écrit mon code comme ceci:

Action Script


MovieClip.prototype.centerPopup = function(theUrl) {
getURL("java script:flashLightbox('"+theUrl+"');");
};

var zoom:MovieClip = this["zoom"];
_root.cadre02.boutons.zoom.onRelease = function () {
centerPopup( "grandes_images/rubrique" + (dossierActuel-2) + "/" + imageActuelle + ".jpg");
};
Et tout roule icon_biggrin.gif
Merci

#27 mdescournut

    Ceinture Blanche

  • Members
  • Pip
  • 3 messages

Posté 16 April 2009 - 01:07 AM

Bonjour,

Malgré toutes les explications très précises de ces posts, j'ai suivi à la lettre exactement toutes les consignes pour pouvoir ouvrir une lightwindow depuis un bouton flash et je n'y arrive pas...pourriez-vous regarder ce qui cloche dans mes fichiers ?

mon site test ci-joint.

merci à l'âme charitable qui me sauvera d'une nouvelle semaine de déprime....lol

Fichier(s) joint(s)



#28 jekhill312

    Ceinture Blanche

  • Members
  • Pip
  • 3 messages

Posté 17 April 2009 - 12:43 PM

De même, malgré toutes ces explications, il reste encore un problème. Sur mon site j'apelle la lightwindow depuis un lien html. Malheuresement, elle s'ouvre derrière ma bannière Flash...Comment faire pour qu'elle s'ouvre sur toute la page, au dessus des autres éléments ? J'ai recherché du coté des z-index dans les CSS, mais rien à faire...Merci d'avance si quelqu'un connais le problème !

#29 jourdan.buatois

    Ceinture Blanche

  • Members
  • Pip
  • 1 messages

Posté 04 June 2009 - 11:28 AM

Salut à tous,

C'est peut-être un peu tard mais pour régler ton problème de priorité, il faut modifier lightwindow.js. Tu as juste à passer le paramètre hideFlash à true, ligne 229 dans la v2. ça devrait le faire.

A +

#30 matt-murdock

  • Honoris
  • PipPipPipPipPipPipPipPip
  • 6851 messages

Posté 05 June 2009 - 14:00 PM

non, c est jamis trop tard pour une reponse que tout le monde cherche depuis des mois..

merci!

les prochains qui vont lire le post vont apprecier

a+

#31 youkzz

    Ceinture Blanche

  • Members
  • Pip
  • 2 messages

Posté 27 July 2009 - 02:13 AM

petite question malgré tout:
j'ai réussi à tout faire fonctionner MAIS je ne trouve pas l'endroit où inclure (dans le code Flash OU les jasvascript html) les "params"
lightwindow_width // Width of window
lightwindow_height // Height of window

...afin de définir moi même la taille d'affiche de la Lightwindows activée par mon Flash...

Une idée???



#32 youkzz

    Ceinture Blanche

  • Members
  • Pip
  • 2 messages

Posté 27 July 2009 - 02:24 AM

Citation (youkyzz @ Jul 27 2009, 01:13 AM) Voir le message
petite question malgré tout:
j'ai réussi à tout faire fonctionner MAIS je ne trouve pas l'endroit où inclure (dans le code Flash OU les jasvascript html) les "params"
lightwindow_width // Width of window
lightwindow_height // Height of window

...afin de définir moi même la taille d'affiche de la Lightwindows activée par mon Flash...

Une idée???



EDIT:
je viens de trouver...
alors pour info, c'est, dans le Flash (code du bouton) :

"java script: myLightWindow.activateWindow({href: 'URL', title: 'Titre', author: 'Auteur', caption: 'Caption', params:'lightwindow_width=300,lightwindow_height=200'});"

(sans espace entre java et script)

#33 rvstudio

    Ceinture Blanche

  • Members
  • Pip
  • 7 messages

Posté 23 September 2009 - 17:11 PM

Bonjour

Une âme charitable pour poster un petit fichier joint même très simple mais qui fonctionne
Un petit swf contenant un bouton le tout intégré dans un html et appelant un lightwindow .

Un énorme merci d'avance !! :Hola:
Je me suis fais tous les posts ! lu ! relu ! et non ça ne passe pas ??
Alors s.v.p. pour ceux ou celles qui arrive ! juste un ptit fichier.......... ;-)

#34 cherry moon

    Ceinture Marron

  • Members
  • PipPipPipPipPipPip
  • 180 messages

Posté 30 September 2009 - 20:38 PM

Voir le messagehervealix, le 23 September 2009 - 17:11 PM, dit :

Bonjour

Une âme charitable pour poster un petit fichier joint même très simple mais qui fonctionne
Un petit swf contenant un bouton le tout intégré dans un html et appelant un lightwindow .

Un énorme merci d'avance !! :Hola:
Je me suis fais tous les posts ! lu ! relu ! et non ça ne passe pas ??
Alors s.v.p. pour ceux ou celles qui arrive ! juste un ptit fichier.......... ;-)
Bonne réception

Fichier(s) joint(s)



#35 manulpx

    Ceinture Jaune

  • Members
  • PipPip
  • 25 messages

Posté 07 October 2009 - 12:15 PM

Voir le messagecherry moon, le 30 September 2009 - 20:38 PM, dit :

Bonne réception

marche pas sous IE, le problème viens apparement du fichier "prototype.js" !

#36 Chonko

    Ceinture Blanche

  • Members
  • Pip
  • 10 messages

Posté 27 January 2010 - 18:41 PM

Bonjour tout le monde,

Voila j'ai un site perso (un template que j'ai bidouillé) contenant une galerie d'images. Ne connaissant rien à la prog, la seule solution que j'ai eu et l'intervention de pop-up pour agrandir mes images (cf mon site : thomaslecourt.free.fr).
Désirant une fonctionnalité plus souple et plus pro, je suis tombé sur ce topic parlant de lightbox.
Ne connaissant rien au script, je ne sais ou introduire les

[quote]<param name="wmode" value="transparent" />
<param name="allowScriptAccess" value="always" />
wmode="transparent" allowScriptAccess="always"[/quote]

dans mon code. Si une âme charitable est disposée à m'aider, voici mon index:

[quote]<HTML>
<HEAD>
<link rel="shortcut icon" href="favicon.ico">
<meta http-equiv=Content-Type content="text/html; charset=ISO-8859-1">
<TITLE>LECOURT THOMAS "CHONKOBOX"</TITLE>
</HEAD>
<BODY topmargin="0" leftmargin="0" marginheight="0" marginwidth="0" bgcolor="#ffffff">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="middle" align="center">


<PARAM NAME=movie VALUE="accueil.swf"> <PARAM NAME=quality VALUE=best> <PARAM NAME=scale VALUE=noborder> <PARAM NAME=salign VALUE=T> <PARAM NAME=bgcolor VALUE=#ffffff> <EMBED src="accueil.swf" quality=best scale=noborder salign=T bgcolor=#ffffff WIDTH="800" HEIGHT="700" NAME="accueil" ALIGN="bottom"
TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED>

</OBJECT>
</td></tr></table>
</BODY>
</HTML>
[/quote]

Merci d'avance :smile: !

#37 Chonko

    Ceinture Blanche

  • Members
  • Pip
  • 10 messages

Posté 27 January 2010 - 21:11 PM

Bon en réfléchissant un peu j'obtiens ça avec le code de lightbox:

[quote]<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Sans nom-2</title>
<!--JAVASCRIPT-->
<script type="text/javascript" src="javascript/prototype.js"></script>
<script type="text/javascript" src="javascript/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="javascript/lightwindow.js"></script>
<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="javascript/AC_RunActiveContent.js" language="javascript"></script>
<!--CSS-->
<link rel="stylesheet" href="css/lightwindow.css" type="text/css" media="screen" />

<HTML>
<HEAD>
<link rel="shortcut icon" href="favicon.ico">
<meta http-equiv=Content-Type content="text/html; charset=ISO-8859-1">
<TITLE>LECOURT THOMAS "CHONKOBOX"</TITLE>
</HEAD>
<BODY topmargin="0" leftmargin="0" marginheight="0" marginwidth="0" bgcolor="#ffffff">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="middle" align="center">


<PARAM NAME=movie VALUE="accueil.swf">
<PARAM NAME=quality VALUE=best>
<PARAM NAME=scale VALUE=noborder>
<PARAM NAME=salign VALUE=T>
<PARAM NAME=bgcolor VALUE=#ffffff>
<param name="wmode" value="transparent">
<param name="allowScriptAccess" value="always">
<EMBED src="accueil.swf" quality=best scale=noborder salign=T bgcolor=#ffffff WIDTH="800" HEIGHT="700" NAME="accueil" ALIGN="bottom"
TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
</EMBED wmode="transparent" allowScriptAccess="always">

</OBJECT>
</td></tr></table>
</BODY>
</HTML>
[/quote]

Rien ne marche avec les boutons, j'ai pourtant bien inscrit les lignes de codes données sur ce topic, une fois mon site uploadé, rien ne se passe quand je clique sur mes images :neutral: ...

#38 matt-murdock

  • Honoris
  • PipPipPipPipPipPipPipPip
  • 6851 messages

Posté 28 January 2010 - 13:00 PM

hello Chonko,

deja sympa ton site.. j aime beaucoup...

pour en revenir a ton prob: quel code tu a mis su tes image pour les ouvrir? et ou tu tst? car dans le code source de ton site il n y a rien ...

a+

#39 Chonko

    Ceinture Blanche

  • Members
  • Pip
  • 10 messages

Posté 15 February 2010 - 16:57 PM

Voir le messagematt-murdock, le 28 January 2010 - 13:00 PM, dit :

hello Chonko,

deja sympa ton site.. j aime beaucoup...

pour en revenir a ton prob: quel code tu a mis su tes image pour les ouvrir? et ou tu tst? car dans le code source de ton site il n y a rien ...

a+

Merci de ta réponse et désolé de te répondre si tardivement. Mes images sont intégrées au .swf. Je les ai transformées en bouton avec l'action

on (release) {
getURL("javascript:myLightwindow.activateWindow({href: 'http://thomaslecourt.free.fr/jpeg_site/From_Hell.jpg', title: 'TITLE' ,author: 'AUTHOR', caption: 'CAPTION'}), params:'lightwindow_width=358,lightwindow_height=500'});")

}

Modifié par Chonko, 15 February 2010 - 16:57 PM.




1 utilisateur(s) li(sen)t ce sujet

0 membre(s), 1 invité(s), 0 utilisateur(s) anonyme(s)

authorised training centre

Centre de Formation Mediabox - Adobe et Apple Authorised Training Center.

Déclaré auprès de la Direction du Travail et de la Formation Professionnelle

Mediabox : SARL au capital de 62.000€ - Numéro d'activité : 11 75 44555 75 - SIRET : 49371646800035

MEDIABOX, 23, rue de Bruxelles, 75009 PARIS

FFP