1 css pr chaque navigateur grace à PHP!
Utilisateur anonyme
-
midnnight Messages postés 484 Date d'inscription Statut Membre Dernière intervention -
midnnight Messages postés 484 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Voilà sur mon site web que j'ai creé (comme j'ai pu!) J'ai une galerie (xhtml css et sript)le script n'est pas de moi je l'ai trouvé sur le net et j'ai en sorte d'avoir les meme nom pour que sa marche.Bref ! sa marche. C'est celui ci :
function displayPics()
{
var photos = document.getElementById('galerie_mini') ;
// On récupère l'élément ayant pour id galerie_mini
var liens = photos.getElementsByTagName('a') ;
// On récupère dans une variable tous les liens contenu dans galerie_mini
var big_photo = document.getElementById('big_pict') ;
// Ici c'est l'élément ayant pour id big_pict qui est récupéré, c'est notre photo en taille normale
var titre_photo = document.getElementById('photo').getElementsByTagName('dt')[0] ;
// Et enfin le titre de la photo de taille normale
// Une boucle parcourant l'ensemble des liens contenu dans galerie_mini
for (var i = 0 ; i < liens.length ; ++i) {
// Au clique sur ces liens
liens[i].onclick = function() {
big_photo.src = this.href; // On change l'attribut src de l'image en le remplaçant par la valeur du lien
big_photo.alt = this.title; // On change son titre
titre_photo.firstChild.nodeValue = this.title; // On change le texte de titre de la photo
return false; // Et pour finir on inhibe l'action réelle du lien
};
}
}
window.onload = displayPics;
// Il ne reste plus qu'à appeler notre fonction au chargement de la page // JavaScript Document
Comme vous le voyer grace à ce script quand je clique sur une miniature la photo en taille se charge, le truc c'est que je voudrai mettre 2 animations.Je m'explique je souhaiterai que lorsqu'on clique sur une miniature (donc ici trjs une photo) sa soit la vidéo qui apparaisse.Je ne mis connait pas en script mais je crois qu'il faut le changer si je veux faire sa?
Quelqu'un c'est le faire?
Deplus sous IE la galerie ne marche pas .Sous firefox tous vas bien (j'ai des miniatures et lorsque je clic dessus l'image s'affiche en taille réelle à droite de la miniature) Or avec Ie qd je clic dessus sa me met une nouvelle page avec un fond blanc et mon image en taille réelle en haut à gauche
Comment faire? (car c'est vraiment moche)
voici l'endroit de mon code xhtml ou je souheterai mettre mes vidéo : <li><a href="../images/photo0.png" title="Titre de la photo 0"><img src="../images/minis/m_photo0.png" alt="Le titre de la photo 0" /></a></li>
<li><a href="../images/photo0.png" title="Titre de la photo 0"><img src="../images/minis/m_photo0.png" alt="Le titre de la photo 0" /></a></li> .
En vous remerciant d'avance
Voilà sur mon site web que j'ai creé (comme j'ai pu!) J'ai une galerie (xhtml css et sript)le script n'est pas de moi je l'ai trouvé sur le net et j'ai en sorte d'avoir les meme nom pour que sa marche.Bref ! sa marche. C'est celui ci :
function displayPics()
{
var photos = document.getElementById('galerie_mini') ;
// On récupère l'élément ayant pour id galerie_mini
var liens = photos.getElementsByTagName('a') ;
// On récupère dans une variable tous les liens contenu dans galerie_mini
var big_photo = document.getElementById('big_pict') ;
// Ici c'est l'élément ayant pour id big_pict qui est récupéré, c'est notre photo en taille normale
var titre_photo = document.getElementById('photo').getElementsByTagName('dt')[0] ;
// Et enfin le titre de la photo de taille normale
// Une boucle parcourant l'ensemble des liens contenu dans galerie_mini
for (var i = 0 ; i < liens.length ; ++i) {
// Au clique sur ces liens
liens[i].onclick = function() {
big_photo.src = this.href; // On change l'attribut src de l'image en le remplaçant par la valeur du lien
big_photo.alt = this.title; // On change son titre
titre_photo.firstChild.nodeValue = this.title; // On change le texte de titre de la photo
return false; // Et pour finir on inhibe l'action réelle du lien
};
}
}
window.onload = displayPics;
// Il ne reste plus qu'à appeler notre fonction au chargement de la page // JavaScript Document
Comme vous le voyer grace à ce script quand je clique sur une miniature la photo en taille se charge, le truc c'est que je voudrai mettre 2 animations.Je m'explique je souhaiterai que lorsqu'on clique sur une miniature (donc ici trjs une photo) sa soit la vidéo qui apparaisse.Je ne mis connait pas en script mais je crois qu'il faut le changer si je veux faire sa?
Quelqu'un c'est le faire?
Deplus sous IE la galerie ne marche pas .Sous firefox tous vas bien (j'ai des miniatures et lorsque je clic dessus l'image s'affiche en taille réelle à droite de la miniature) Or avec Ie qd je clic dessus sa me met une nouvelle page avec un fond blanc et mon image en taille réelle en haut à gauche
Comment faire? (car c'est vraiment moche)
voici l'endroit de mon code xhtml ou je souheterai mettre mes vidéo : <li><a href="../images/photo0.png" title="Titre de la photo 0"><img src="../images/minis/m_photo0.png" alt="Le titre de la photo 0" /></a></li>
<li><a href="../images/photo0.png" title="Titre de la photo 0"><img src="../images/minis/m_photo0.png" alt="Le titre de la photo 0" /></a></li> .
En vous remerciant d'avance
A voir également:
- 1 css pr chaque navigateur grace à PHP!
- Navigateur web - Guide
- Extension de navigateur - Guide
- Navigateur privé - Guide
- Easy php - Télécharger - Divers Web & Internet
- Www.office.com dans le navigateur edge - Guide
11 réponses
<li><a href="../images/photo0.png" title="Titre de la photo 0"><img src="../images/minis/m_photo0.png" alt="Le titre de la photo 0" /></a></li>
<li><a href="../images/photo0.png" title="Titre de la photo 0"><img src="../images/minis/m_photo0.png" alt="Le titre de la photo 0" /></a></li>
Ca c'est des liens tous simples... Tu veux mettre une popup et agrandir ta photo dedans ?
Pô tout compris, il me semble que tu te prends la tête pour pas grand chose...
En fait j'comprends pas tout...T'as un lien pour voir ce que tu veux faire ?
Si tu veux faire des feuilles de style pour adapter tes pages aux différents navigateurs, tu as ça :
<?php
//$_SERVER["HTTP_USER_AGENT"] : variable donnant le navigateur
if (ereg("MSIE", $_SERVER["HTTP_USER_AGENT"])) {
//Internet explorer
echo "<link rel=\"stylesheet\" href=\"style-IE.css\" type=\"text/css\" />";
} else if (ereg("^Mozilla/", $_SERVER["HTTP_USER_AGENT"])) {
//Mozilla - Firefox
echo "<link rel=\"stylesheet\" href=\"style.css\" type=\"text/css\" />";
} else if (ereg("^Opera/", $_SERVER["HTTP_USER_AGENT"])) {
//Opera
echo "<link rel=\"stylesheet\" href=\"style-opera.css\" type=\"text/css\" />";
} else {
//Les autres
echo "<link rel=\"stylesheet\" href=\"style-all.css\" type=\"text/css\" />";
}
?>
Sinon, ré-explique plus simplement...
<li><a href="../images/photo0.png" title="Titre de la photo 0"><img src="../images/minis/m_photo0.png" alt="Le titre de la photo 0" /></a></li>
Ca c'est des liens tous simples... Tu veux mettre une popup et agrandir ta photo dedans ?
Pô tout compris, il me semble que tu te prends la tête pour pas grand chose...
En fait j'comprends pas tout...T'as un lien pour voir ce que tu veux faire ?
Si tu veux faire des feuilles de style pour adapter tes pages aux différents navigateurs, tu as ça :
<?php
//$_SERVER["HTTP_USER_AGENT"] : variable donnant le navigateur
if (ereg("MSIE", $_SERVER["HTTP_USER_AGENT"])) {
//Internet explorer
echo "<link rel=\"stylesheet\" href=\"style-IE.css\" type=\"text/css\" />";
} else if (ereg("^Mozilla/", $_SERVER["HTTP_USER_AGENT"])) {
//Mozilla - Firefox
echo "<link rel=\"stylesheet\" href=\"style.css\" type=\"text/css\" />";
} else if (ereg("^Opera/", $_SERVER["HTTP_USER_AGENT"])) {
//Opera
echo "<link rel=\"stylesheet\" href=\"style-opera.css\" type=\"text/css\" />";
} else {
//Les autres
echo "<link rel=\"stylesheet\" href=\"style-all.css\" type=\"text/css\" />";
}
?>
Sinon, ré-explique plus simplement...
Bonsoir,
merci pour le script.
- Bah en faite c'est que j'ai des problèmes de compatibilité entre les différents navigateurs, et j'ai cru que sa allé m'aider d'avoir un script mais en vain!
- C'est tous simple (enfin je crois!) je voudrai mettre des animation dans ma galerie, mais je n'y connais rien en script,voilà mon problème. Donc peut faire quelque chose pour avoir soit une image soit une animation (.swf)?
- Ma galerie marche sous Firefox, mais pas sous IE. Sous IE au lieu de m'ouvrir la photo à droite de la miniature, il m'ouvre une nouvelle page avec la photo (c'est moche)! Peux on remédier à cela?
merci pour le script.
- Bah en faite c'est que j'ai des problèmes de compatibilité entre les différents navigateurs, et j'ai cru que sa allé m'aider d'avoir un script mais en vain!
- C'est tous simple (enfin je crois!) je voudrai mettre des animation dans ma galerie, mais je n'y connais rien en script,voilà mon problème. Donc peut faire quelque chose pour avoir soit une image soit une animation (.swf)?
- Ma galerie marche sous Firefox, mais pas sous IE. Sous IE au lieu de m'ouvrir la photo à droite de la miniature, il m'ouvre une nouvelle page avec la photo (c'est moche)! Peux on remédier à cela?
C'est bien là que je ne te comprends pas bien.
Un .swf (flash) tu poses ton code à l'endroit voulu : <object>......</object> et ton image "mon image.jpg"
C'est toi qui a fait les anims flash ? Si oui tu peux déclancher le démarrage du flash au click.
Il y a aussi des rollover ou onclick pour faire apparaître une image ou flash sur ta page...
Pour les compatibilités entre navigateurs, sers toi du code et des feuilles de style, quoi que souvent c'est parcequ'il y a une erreur dans ton css que ça ne colle pas.
As tu un lien de ta page ou ressemblant pour qu'on se fasse une idée de ce que tu veux faire ?
Un .swf (flash) tu poses ton code à l'endroit voulu : <object>......</object> et ton image "mon image.jpg"
C'est toi qui a fait les anims flash ? Si oui tu peux déclancher le démarrage du flash au click.
Il y a aussi des rollover ou onclick pour faire apparaître une image ou flash sur ta page...
Pour les compatibilités entre navigateurs, sers toi du code et des feuilles de style, quoi que souvent c'est parcequ'il y a une erreur dans ton css que ça ne colle pas.
As tu un lien de ta page ou ressemblant pour qu'on se fasse une idée de ce que tu veux faire ?
Merci, oui c'est moi, Je na savais pas qu'on pouvais faire sa!
Peut tu me donner un exemple de code en considérant que l'anim s'appelle : abeille.swf et sa miniature abeille.png,merci?
Voici le lien de la page : http://www.zartzart.fr/le%20site/code/infographisme.html (sous firefoxe elle marche bien, mais sous IE.
Merci
Peut tu me donner un exemple de code en considérant que l'anim s'appelle : abeille.swf et sa miniature abeille.png,merci?
Voici le lien de la page : http://www.zartzart.fr/le%20site/code/infographisme.html (sous firefoxe elle marche bien, mais sous IE.
Merci
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Je pense que tu dois mettre ton anim dans une page annexe .html et que tu appels cette page et pas ton anim directement.
<li><a href="chemin/anim.html" >le reste du code...</a>
Dans "anim.html" il y a le code de ton anim.
ça fonctionne avec <?php include('"anim.html") ?>
Mais pour ton pb de compatibilité IE, c'est sûrement dans le code js, il faudrait que tu vois ça avec un spécialiste de javascript...Moi, côté serveur j'aurais codé ça en php avec une include dans un div sur la même page centré où tu veux en css....
<li><a href="chemin/anim.html" >le reste du code...</a>
Dans "anim.html" il y a le code de ton anim.
ça fonctionne avec <?php include('"anim.html") ?>
Mais pour ton pb de compatibilité IE, c'est sûrement dans le code js, il faudrait que tu vois ça avec un spécialiste de javascript...Moi, côté serveur j'aurais codé ça en php avec une include dans un div sur la même page centré où tu veux en css....
merci
Donc je fait une page html classique avec une balise object où il y aurait mon anim, et dans ma galeri je fait un lien, c'est sa?
Justement je voulait que cela s'affiche sur la meme page au meme endroit que les images.
Merci
Donc je fait une page html classique avec une balise object où il y aurait mon anim, et dans ma galeri je fait un lien, c'est sa?
Justement je voulait que cela s'affiche sur la meme page au meme endroit que les images.
Merci
Ok, mais je ne connais pas js, je fais un test avec php sur mon serveur... Si c'est bon je te refile le code.
Code échoué, I'm sorry, et j'ai un rencard demain (oops, ce matin, lol), je vais dodo, ... Mais, avec ton code js, je suis sûr qu'on doit pouvoir trouver la soluce pour inclure un fichier .swf ou une page .html le contenant... Dsl, pour l'instant bonne nuit ou bonjour (selon l'h de lecture de ce message) A+ ...
(Derniere chose, tu as donné le code que tu écris quand tu mets des images, mais peux tu donner le code exacte que tu emplois quand tu demande tes .swf pour voir...)
(Derniere chose, tu as donné le code que tu écris quand tu mets des images, mais peux tu donner le code exacte que tu emplois quand tu demande tes .swf pour voir...)
Bonsoir, effectivement il est tard, je lutte dvt l'écran!
bonne nuit.
Merci d'avoir essayé.
Quand au code comme je ne m'y connait pas en script, tous se que je peux faire c'est remplacer la balise img par object et dedans je mets la vidéo (sauf que sa lit direct la vidéo, or moi je veux déclencher la lecture en appuyant sur une miniature)
Par exemple au lieu de mettre ca :
<li><a href="../images/photo0.png" title="Titre de la photo 0"><img src="../images/minis/m_photo0.png" alt="Le titre de la photo 0" /></a></li>
Je mets :
<li><a href="../images/photo0.png" title="Titre de la photo 0"><object data="../anim_accueuil/flash/anim_final.swf" width="1015px" height="506px" class="swf" alt="animation flash en vert et bleu présentant le logo"><param name="wmode" value="opaque" /></object></a></li>
bonne nuit.
Merci d'avoir essayé.
Quand au code comme je ne m'y connait pas en script, tous se que je peux faire c'est remplacer la balise img par object et dedans je mets la vidéo (sauf que sa lit direct la vidéo, or moi je veux déclencher la lecture en appuyant sur une miniature)
Par exemple au lieu de mettre ca :
<li><a href="../images/photo0.png" title="Titre de la photo 0"><img src="../images/minis/m_photo0.png" alt="Le titre de la photo 0" /></a></li>
Je mets :
<li><a href="../images/photo0.png" title="Titre de la photo 0"><object data="../anim_accueuil/flash/anim_final.swf" width="1015px" height="506px" class="swf" alt="animation flash en vert et bleu présentant le logo"><param name="wmode" value="opaque" /></object></a></li>
Oops, ça va être dur demain, lol
C'est ce que je te disais au début, mets ton code flash (<object....>...</object>) dans un fichier html, appelle le abeille.html et mets le tout dans le même dossier en ligne que ta page qui va reçevoir, (y compris le fichier anim .swf et ses images) Y'a peut être un prob de chemin aussi... Faut faire gaffe à ça... J'suis pas dans tes dossiers, c'est pas évident...
Et essaies comme ça :
<li><a href="abeille.html">titre_ou_image</a></li>
Bon allez, c'coup là...J'éteinds, bon courrage et a+
C'est ce que je te disais au début, mets ton code flash (<object....>...</object>) dans un fichier html, appelle le abeille.html et mets le tout dans le même dossier en ligne que ta page qui va reçevoir, (y compris le fichier anim .swf et ses images) Y'a peut être un prob de chemin aussi... Faut faire gaffe à ça... J'suis pas dans tes dossiers, c'est pas évident...
Et essaies comme ça :
<li><a href="abeille.html">titre_ou_image</a></li>
Bon allez, c'coup là...J'éteinds, bon courrage et a+