| Auteur |
Message |
Neurone isolé
Messages: 5
Tutoriaux : 0
|
 Posté le:
Ven 09 Mai 2008 15:38 Sujet : Mettre le son les pages du site |
   |
Bonjour,
J' ai fait un site pour inclure surtout des photos, je me suis servi
de ce post pour le son :
http://www.aidoforum.com/forum/sujet-19263.html pour inclure :
<OBJECT CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" WIDTH="160"
HEIGHT="16" CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab">
<PARAM name="SRC" VALUE="http://chemin de votre ficher audio.mp3">
<PARAM name="AUTOPLAY" VALUE="false"> <PARAM name="LOOP"
VALUE="false">
<PARAM name="CONTROLLER" VALUE="true">
<EMBED type="audio/x-mpegurl" src="http://chemin de votre ficher
audio.mp3"autoplay="false" width="160px" height="16px"
loop="false"controller="true"
LUGINSPAGE="http://www.apple.com/quicktime/download/"></EMBED></OBJECT>
Cela fonctionne très bien, mais le problème est le suivant, lorsque l' on clique sur la photo pour l'
agrandir, le son disparait, je supppose que l' agrandissement est aussi une page. comment
pourrais-je faire pour qu' il y ait toujours cette musique de fond malgré les clics sur les photos.
|
|
|
    |
|
Disquette
Messages: 32
Tutoriaux : 0
|
| Posté le:
Ven 09 Mai 2008 16:01 Sujet : Mettre le son les pages du site |
|
Est il possible stp de voir ton code. En particulier les liens permettant l'agrandissement d'une
image stp. |
|
|
 |
|
Neurone isolé
Messages: 5
Tutoriaux : 0
|
| Posté le:
Ven 09 Mai 2008 16:14 Sujet : Mettre le son les pages du site |
|
Voici une partie du code fait avec dreamweaver :
<!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=iso-8859-1"
/>
<title>jeu lyonnais</title>
<style type="text/css">
<!--
body {
background-image: url(../images/fonddepage/fondcadre.jpg);
}
.Style2 {font-size: 11px}
.Style3 {color: #990000}
.Style4 {font-size: 11px; color: #990000; }
.Style5 {
font-size: x-large;
color: #6666CC;
font-weight: bold;
}
.Style6 {
color: #333399;
font-style: italic;
}
.Style7 {
color: #336699;
font-size: 11px;
}
.Style10 {color: #FFFFFF}
-->
</style>
</head>
<body>
<OBJECT CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" WIDTH="160"
HEIGHT="16" CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab">
<PARAM name="SRC" VALUE="http://www.bou-sfer.fr/son/Labamba.mid">
<PARAM name="AUTOPLAY" VALUE="false"> <PARAM name="LOOP"
VALUE="false">
<PARAM name="CONTROLLER" VALUE="true">
<EMBED type="audio/x-mpegurl"
src="http://www.bou-sfer.fr/son/Labamba.mid"autoplay="false"
width="160px" height="16px" loop="false"controller="true"
LUGINSPAGE="http://www.apple.com/quicktime/download/"></EMBED></OBJECT>
<p> </p>
<td width="401" height="268" colspan="2"><div
align="left"><a href="../images/jeulyonnais/boules1.jpg"><img
src="../images/jeulyonnais/boules1.jpg" width="400" height="266"
border="0" align="absbottom" " /></a></div></td>
<td width="401" colspan="2"><div align="left"><a
href="../images/jeulyonnais/boules2.jpg"><img
src="../images/jeulyonnais/boules2.jpg" width="400" height="266"
border="0" align="bottom" /></a></div></td>
</tr>
<tr>
<td height="58" colspan="2" class="Style7"><div
align="center">?, Antoine Belmar, col Bleu, Claude Vernhes, Marcel Rech
</div></td>
<td width="401" colspan="2" class="Style7"><div
align="center">Antoine Belmar, Marcel Rech, , René Campos, Vincent Soler
</div></td>
</tr>
<tr>
<td height="91" colspan="2"><a
href="../images/jeulyonnais/boules3.jpg"><img
src="../images/jeulyonnais/boules3.jpg" width="400" height="257"
border="0" /></a></td> |
|
|
|
|
Disquette
Messages: 32
Tutoriaux : 0
|
| Posté le:
Ven 09 Mai 2008 16:17 Sujet : Mettre le son les pages du site |
|
Je te propose une alternative : http://www.doknowevil.net/litebox/ utilse les scripts JS fournis dans le ZIP de
la page. Ils te permettront d'ouvrir tes images sans arreter le son, il te suffira juste de
remplacer tes liens comme dans l'exemple fournis.
Si tu as un probleme n'hésite pas à le dire. |
|
|
|
|
Neurone isolé
Messages: 5
Tutoriaux : 0
|
| Posté le:
Ven 09 Mai 2008 17:05 Sujet : Mettre le son les pages du site |
|
Ma question c' est comment utiliser ces scripts ? j' ai ouvert les 3 fichiers avec dreamweaver :
litebox-1.0.js; moo.fx.js et prototype.lite.js: mais après comment faut-il faire pour les intégrer
sur les pages principales (par des copier - coller ?) et à quel endroit ( dans les balises heat,
body)? pourrais-tu me faire un petit topo. par avance merci |
|
|
|
|
Neurone isolé
Messages: 5
Tutoriaux : 0
|
| Posté le:
Ven 09 Mai 2008 18:03 Sujet : Mettre le son les pages du site |
|
Après reflexion je pense que je dois mettre le dossier
"JS" qui contient les 3 fichiers JS sur mon site; porter sur les pages en heat, ceci
:
<link rel="stylesheet" href="css/lightbox.css" type="text/css"
media="screen" />
<script type="text/javascript" src="js/prototype.lite.js"></script>
<script type="text/javascript" src="js/moo.fx.js"></script>
<script type="text/javascript" src="js/litebox-1.0.js"></script>
Puis pour les photos à intégrer :
<a href="images/image-1.jpg" rel="lightbox[example]"
title="Horses"><img src="images/thumb-1.jpg" width="100"
height="40" alt="Beautiful Horses" /></a>
je pense que c' est la "commande" pour reduire la photo?
dois-je porter uniquement sur chaque photo : rel="lightbox" ? ou bien quelque chose
supplémentaire ?
j' ai essayé de traduire, mais c' est pas évident ....
j' attends une réponse et merci encore |
|
|
|
|
Disquette
Messages: 32
Tutoriaux : 0
|
| Posté le:
Ven 09 Mai 2008 20:53 Sujet : Mettre le son les pages du site |
|
Effectivement tu mets dans le head:
| Code: | <link
rel="stylesheet" href="[b]js/[/b]lightbox.css"
type="text/css" media="screen" />
<script type="text/javascript" src="js/prototype.lite.js"></script>
<script type="text/javascript" src="js/moo.fx.js"></script>
<script type="text/javascript"
src="js/litebox-1.0.js"></script> |
Dans le dossier JS sur ton ftp.
Ensuite pour créer tes liens :
| Code: | | <td
height="91" colspan="2"><a
href="../images/jeulyonnais/boules3.jpg" rel="lightbox"><img
src="../images/jeulyonnais/boules3.jpg" width="400" height="257"
border="0" /></a></td> |
Voila j'espere que tu auras compris  |
|
|
|
|
Neurone isolé
Messages: 5
Tutoriaux : 0
|
| Posté le:
Ven 09 Mai 2008 21:53 Sujet : Mettre le son les pages du site |
|
[b][b]J[b]' ai toujours le même problème, le son s' arrete au clic
sur l' image pour l' agrandir. je n' ai corrigé que 2 photos avec le nouveau code;
je t' adresse le code pour analyse [/b]si tu peux encore m' aider[/b][/b]
<!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=iso-8859-1"
/>
<title>jeu lyonnais</title>
<style type="text/css">
<!--
body {
background-image: url(../images/fonddepage/fondcadre.jpg);
}
.Style2 {font-size: 11px}
.Style3 {color: #990000}
.Style4 {font-size: 11px; color: #990000; }
.Style5 {
font-size: x-large;
color: #6666CC;
font-weight: bold;
}
.Style6 {
color: #333399;
font-style: italic;
}
.Style7 {
color: #336699;
font-size: 11px;
}
.Style10 {color: #FFFFFF}
-->
</style>
<link rel="stylesheet"
href="css/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="js/prototype.lite.js"></script>
<script type="text/javascript" src="js/moo.fx.js"></script>
<script type="text/javascript"
src="js/litebox-1.0.js"></script>
</head>
<body>
<OBJECT CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" WIDTH="160"
HEIGHT="16" CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab">
<PARAM name="SRC" VALUE="http://www.bou-sfer.fr/son/Labamba.mid">
<PARAM name="AUTOPLAY" VALUE="false"> <PARAM name="LOOP"
VALUE="false">
<PARAM name="CONTROLLER" VALUE="true">
<EMBED type="audio/x-mpegurl"
src="http://www.bou-sfer.fr/son/Labamba.mid"autoplay="false"
width="160px" height="16px" loop="false"controller="true"
LUGINSPAGE="http://www.apple.com/quicktime/download/"></EMBED></OBJECT>
<p> </p>
<p align="center" class="Style5">Le terrain de boules : un endroit
privilégié pour une grande partie des bou-sfériens </p>
<td width="401" height="268" colspan="2"><div
align="left"><a href="../images/jeulyonnais/boules1.jpg" rel="lightbox"><img
src="../images/jeulyonnais/boules1.jpg" width="400" height="257"
border="0" /></a></td>
<td width="401" colspan="2"><div align="left"><a
href="../images/jeulyonnais/boules2.jpg"><img
src="../images/jeulyonnais/boules2.jpg" width="400" height="266"
border="0" align="bottom" /></a></div></td>
</tr>
<tr>
<td height="58" colspan="2" class="Style7"><div
align="center">?, Antoine Belmar, col Bleu, Claude Vernhes, Marcel Rech
</div></td>
<td width="401" colspan="2" class="Style7"><div
align="center">Antoine Belmar, Marcel Rech, , René Campos, Vincent Soler
</div></td>
</tr>
<tr>
<td height="91" colspan="2"><a
href="../images/jeulyonnais/boules3.jpg" rel="lightbox"><img src="../images/jeulyonnais/boules3.jpg"
width="400" height="257" border="0" /></a></td>
Je te propose une alternative : http://www.doknowevil.net/litebox/
utilse les scripts JS fournis dans le ZIP de la page. Ils te permettront d'ouvrir tes images sans
arreter le son, il te suffira juste de remplacer tes liens comme dans l'exemple fournis.
Si tu as un probleme n'hésite pas à le dire. |
|
|
|
|
|
|
|
|
