Accueil > Forum > > > > Affichage bizarre sous firefox...
 Affichage bizarre sous firefox...
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
|
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
|
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
|
Bonjour,
de rien, c'est juste PetOleTeam
;O)
|
|
Cette discussion est classée 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
 Livres en rapport
|
Derniers Blogs
 TECHDAYS PARIS 2010 : SHAREPOINT 2010 POUR LES DéVELOPPEURSTECHDAYS PARIS 2010 : SHAREPOINT 2010 POUR LES DéVELOPPEURS par ROMELARD Fabrice
Animé par: Laurent Cotton Le développement dans SharePoint 2010 passe par plusieurs axes qui seront évoqués dans cette session, mais plus particulièrement les développements simples lié au besoin Business Business Connectivity Services Ce BCS es...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice TECHDAYS PARIS 2010 : PLEINIèRE DERNIER JOURTECHDAYS PARIS 2010 : PLEINIèRE DERNIER JOUR par ROMELARD Fabrice
Cette session est la dernière pleinière de ces 3 jours de TechDays Paris 2010. Généralement, cette troisième journée est plus axée sur l'avenir vu par Microsoft. Après un retour sur l'avenir vu par la Science Fiction ou par ...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice UNE JOLIE-HORLOGE ET PAS QU'UN PEU !UNE JOLIE-HORLOGE ET PAS QU'UN PEU ! par neodante
Pour les possesseurs d'iPhone, ça y est Bijin Tokei - qui se traduit littéralement en Français par " Jolie Horloge " - est arrivé et GRATUITEMENT s'il vous plaît ! Après la version Tokyo, Hokkaido, night club, racing, Gal, "pour les mademoiselles'", . voi...
Cliquez pour lire la suite de l'article par neodante TECHDAYS PARIS 2010 : CONNECTEZ VOS DONNéES à SHAREPOINT 2010 AVEC LES BUSINESS CONNECTIVITY SERVICESTECHDAYS PARIS 2010 : CONNECTEZ VOS DONNéES à SHAREPOINT 2010 AVEC LES BUSINESS CONNECTIVITY SERVICES par ROMELARD Fabrice
Animé par: Gaetan Bouveret et Julien Chomarat Business Connectivity Services (BCS) est dans SharePoint 2010 la version 2 de Business Data Catalog (BDC dans SharePoint 2007). Il s'agit de la solution permettant de visualiser des données provenan...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice [DIVERS] SUIVRE VOS SéRIES PRéFéRéS SUR LA TOILE[DIVERS] SUIVRE VOS SéRIES PRéFéRéS SUR LA TOILE par orion
Comme de nombreux geek, je suis un grand amateur de série TV et je rate régulièrement des épisodes de mes séries préférés. Une solution s'offre à vous avec ce merveilleux site : Tv Gorge - www.tvgorge.com Moteur de recherche à l'appui, vous pouvez ...
Cliquez pour lire la suite de l'article par orion
Logiciels
 DB-MAIN (9.1.0)DB-MAIN (9.1.0)DB-MAIN is a data-modeling and data-architecture tool. It is designed to help developers and anal... Cliquez pour télécharger DB-MAIN Xilisoft DPG Convertisseur (5.1.37.0120)XILISOFT DPG CONVERTISSEUR (5.1.37.0120)Xilisoft DPG Convertisseur offre aux fans de Nintendo DS une bonne solution leur permettant de dé... Cliquez pour télécharger Xilisoft DPG Convertisseur GraphicsGale (2.01.01)GRAPHICSGALE (2.01.01)GraphicsGale est un logiciel de PixelArt avec de nombreuse fonctionnalités permettant de réalisé ... Cliquez pour télécharger GraphicsGale Architecte 3D (Platinum 2010)ARCHITECTE 3D (PLATINUM 2010)Architecte 3D Platinium vous permet de concevoir facilement les plans votre future maison, de l'é... Cliquez pour télécharger Architecte 3D TeamViewer 5 (TeamViewer 5)TEAMVIEWER 5 (TEAMVIEWER 5)Dépanner un ami,expliquer une manipulation devient un jeu d'enfant.
Prise en main d'un autre ord... Cliquez pour télécharger TeamViewer 5
|