1 css pr chaque navigateur grace à PHP!

Fermé
Utilisateur anonyme - 10 nov. 2009 à 00:09
midnnight Messages postés 484 Date d'inscription jeudi 23 février 2006 Statut Membre Dernière intervention 26 juillet 2017 - 11 nov. 2009 à 03:28
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
A voir également:

11 réponses

midnnight Messages postés 484 Date d'inscription jeudi 23 février 2006 Statut Membre Dernière intervention 26 juillet 2017 38
10 nov. 2009 à 17:11
<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...
0
Utilisateur anonyme
10 nov. 2009 à 19:30
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?
0
midnnight Messages postés 484 Date d'inscription jeudi 23 février 2006 Statut Membre Dernière intervention 26 juillet 2017 38
10 nov. 2009 à 22:30
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 ?
0
Utilisateur anonyme
10 nov. 2009 à 22:35
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
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
midnnight Messages postés 484 Date d'inscription jeudi 23 février 2006 Statut Membre Dernière intervention 26 juillet 2017 38
10 nov. 2009 à 23:11
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....
0
Utilisateur anonyme
10 nov. 2009 à 23:41
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
0
midnnight Messages postés 484 Date d'inscription jeudi 23 février 2006 Statut Membre Dernière intervention 26 juillet 2017 38
10 nov. 2009 à 23:48
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.
0
Utilisateur anonyme
10 nov. 2009 à 23:50
Super, merci.
0
midnnight Messages postés 484 Date d'inscription jeudi 23 février 2006 Statut Membre Dernière intervention 26 juillet 2017 38
11 nov. 2009 à 01:36
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...)
0
Utilisateur anonyme
11 nov. 2009 à 02:22
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>
0
midnnight Messages postés 484 Date d'inscription jeudi 23 février 2006 Statut Membre Dernière intervention 26 juillet 2017 38
11 nov. 2009 à 03:28
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+
0