Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

Sujet : Affichage bizarre sous firefox... [ JavaScript et le navigateur / Problème de compatibilité ] (adelami)

vendredi 3 octobre 2008 à 20:05:08 | Affichage bizarre sous firefox...

adelami

Bonsoir !

J'ai réalisé un code qui permet, en utilisant des <SPAN> mis côte à côte et en réduisant progressivement la taille, de donner un effet de perspective. Il ne fonctionne pas sous Firefox et je ne sais pas pourquoi!
Voici le code :


<html>
<head>
<script language=javascript>
<!--
function perspective(image,largeur,hauteur,qualite,coefReduc){
largb=100-qualite
img=0
for(i=0;i<largeur;i+=largb){
img++
html="<span style=\"position:relative;width:"+largb
html+=";overflow:hidden;top:"+(-i*coefReduc/2)
html+=";left:0\"><img height="+Math.round(hauteur-coefReduc*i)
html+=" style=\"position:relative;left:-"+i+"\" src=\""+image+"\" width=400></span>"
document.write(html)
}
}
//-->
</script>
</head>
<body>
<br>
<br>
<hr>
<div style="border-style:solid">
<script language=javascript>
perspective("chien.jpg",400,400,90,0.2)
</script>
</div>
<hr>
</body>
</html>


Exemple : [ Lien ]

Je vous remercie par avance pour l'aide que vous allez m'apporter.
Cordialement,
Amirouche

vendredi 3 octobre 2008 à 21:20:42 | Re : Affichage bizarre sous firefox...

nhervagault

Administrateur CodeS-SourceS
salut,

Il semblerait  que overflow:hidden  ne fonctionne pas ou dans certaine condition sur firefox.
 


samedi 4 octobre 2008 à 00:35:34 | Re : Affichage bizarre sous firefox...

PetoleTeam

Membre Club
Réponse acceptée !
Bonjour,
le code n'est pas trés élégant mais bon...
il te manque un float:left sur le SPAN et rajoutes height:400px sur le DIV contenant
ton code revu

<html>
<head>
<script type="text/javascript">
function perspective( image, largeur, hauteur, qualite, coefReduc){
  var largb=100-qualite;
  for( var i=0; i<largeur; i+=largb){
    var Haut = Math.round(hauteur-coefReduc*i);
    var html = "";
    html += "<span style='position:relative;float:left;width:"+largb +"px;height:" +Haut +"px;overflow:hidden;top:" +(i*coefReduc/2) +"px;left:0px;'>";
    html += "<img style='position:relative;left:-" +i +"px;width:400px;height:" +Haut +"px;' src='" +image +"'><\/span>";
    document.write(html);
  }
}
</script>
</head>
<body>
<br>
<br>
<hr>
<div style="border-style:solid; height:400px;">
<script type="text/javascript">
perspective("chien.jpg",400,400,90,0.2)
</script>
</div>
<hr>
</body>
</html>

bonne analyse...
;O)

samedi 4 octobre 2008 à 11:59:48 | Re : Affichage bizarre sous firefox...

adelami

Merci bien PetroleTeam, et c'est même plus rapide sous Firefox !

mardi 7 octobre 2008 à 12:42:51 | Re : Affichage bizarre sous firefox...

PetoleTeam

Membre Club
Bonjour,
de rien, c'est juste PetOleTeam
;O)



Cette discussion est classé dans : html, affichage, bizarre, firefox, perspective


Répondre à ce message

Sujets en rapport avec ce message

Problème d'affichage en HTML [ par mouniersophie ] Bonjour a tous,je débute dans cette programmation et j'essaye d'afficher un texte suivie d'une image à un certain endroit de ma page comme suit :CP</D Affichage des images [ par bigludo ] J'ai cette partie de code:if($buf==1){  include ('varhtml.php');  print("document.write(\"".$html."\");");  print("var sURL = unescape(window.location comment avoir deux fenetre dans une seul [ par djmaster ] bonjour à tous, voila, je voudrai savoir comment mettre deux html, dans une seul fenêtre. Avoir mon menu.html à gauche, et l'affichage.html à droite. Problème d'affichage [ par Skolos ] Bonjour tous le monde :) Voila, je suis en train d'essayer de mettre sur mon site, la possibilité de voire l'affichage en direct du rendu du commentai window focus firefox !!! ne marche pas ! [ par djagger ] Salut !J'ai un petit problème avec window.focus() sous firefox 2.0.0.4Dans ma page index.html : Cliquez ici Dans ma page popup.html Problème d'affichage [ par bolo ] Bonjour,http://www.independza.com/client/mrbelvedr/mac.htmLa page marche tres bien sur Firefox MAC et Firefox PCCependant sur IE MAC l'affichage ne ma BUG DE FIREFOX sur la taille de l'affichage [ par coyote ] Faites un test tres simple: une page web qui contient juste: test Puis, augmentez la taille de l'affichage sur firefox (ctrl++) Admirez le grossissem Curseur non visible sous firefox [ par s1pike ] Bonjour à tous, je viens de remarquer une chose étrange sous firefox !!Je m'explique, lrosque j'ai un element html de type input text que je vais nomm Affichage site dans firefox [ par 63renaud ] BonjourJ'ai un probéme avec mon site.Il s'affige bien avec Internet explorer, mais pas avec firefox.Les couches sont décalées dans firefox.voici le si problème affichage menu déroulant dans firefox et IE6 [ par victorian77 ] Bonjour, je suis en train de refonder un site en ajoutant un menu déroulantquand je survole une catégorie une liste d'items secondaires doit apparaîtr


Nos sponsors

Sondage...

CalendriCode

Novembre 2008
LMMJVSD
     12
3456789
10111213141516
17181920212223
24252627282930

Consulter la suite du CalendriCode

Appels d'offres

Téléchargements

Logiciels à télécharger sur le même thème :



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,421 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.