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
 [WP7] DYNAMICALLY CHANGE STARTUP PAGE[WP7] DYNAMICALLY CHANGE STARTUP PAGE par KooKiz
Let's say that you want to allow the user to customize the startup page of your application. You can easily change the startup page by editing the 'NavigationPage' attribute in the manifest file. But the manifest cannot be modified once the applicatio...
Cliquez pour lire la suite de l'article par KooKiz SESSION SILVERLIGHT 5 3D : SLIDES ET DEMOSSESSION SILVERLIGHT 5 3D : SLIDES ET DEMOS par Groc
Durant les techdays, j'ai eu le plaisir d'animer une session sur Silverlight 5 et la 3D avec Simon Ferquel. Comme promis, voici nos slides et mes démos (celles avec le viper BSG) ici et là. Pour mémoire, les démos utilisent toutes le viper BSG...
Cliquez pour lire la suite de l'article par Groc [TECHDAYS 2012] SESSION WEBMATRIX 2 : LE COUTEAU SUISSE GRATUIT POUR VOS DéVELOPPEMENTS WEB - SLIDES[TECHDAYS 2012] SESSION WEBMATRIX 2 : LE COUTEAU SUISSE GRATUIT POUR VOS DéVELOPPEMENTS WEB - SLIDES par gpommier
Suite à la session que j'ai présenté sur WebMatrix 2, vous pouvez trouver les slides ici, ainsi que les démos en packages nuget : démos1 et démos2 J'en profite pour remercier chaleureusement tous ceux qui sont venus très nombreux à cette sess...
Cliquez pour lire la suite de l'article par gpommier [SHAREPOINT] LES SESSIONS TECHDAYS 2012.[SHAREPOINT] LES SESSIONS TECHDAYS 2012. par Patrick Guimonet
Voici donc pour ceux qui n'ont pas pu venir, ou ceux qui n'ont pas pu toutes les suivre la liste des sessions SharePoint aux TechDays 2012, que je mettrais à jour dès que les liens des vidéo seront disponibles. Ou ici : http...
Cliquez pour lire la suite de l'article par Patrick Guimonet TECHDAYS PARIS 2012 : SESSION PLEINIèRE JOUR 3TECHDAYS PARIS 2012 : SESSION PLEINIèRE JOUR 3 par ROMELARD Fabrice
Speaker: Bernard Ourghanlian Cette session est comme chaque jour transmise en live par BrainSonic, et j'ai donc suivi cette troisième pleinière par ce moyen sur mon iPad . Elle est dédiée comme chaque année à la mise en perspective de l'é...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice
Logiciels
 Tribler (2012)TRIBLER (2012)Tribler est un client pair à pair (P2P/Peer-to-Peer) open source avec la capacité de regarder des... Cliquez pour télécharger Tribler OneSwarm (2012)ONESWARM (2012)Le peer-to-peer qui protège votre vie privée, c'est OneSwarm.
Ce logiciel de peer-to-peer crypté... Cliquez pour télécharger OneSwarm PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA TV DEVIENS HELLLOOO FLASH
LA TV SUR VOTRE ORDINATEUR.
Toute une plateforme Multi... Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO Academy System (17.2.1.0)ACADEMY SYSTEM (17.2.1.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System Easy-Planning (1.0.0.1)EASY-PLANNING (1.0.0.1)Basé sur les mêmes principes que MyPlanning, Easy-Planning permet de créer des plannings sous la ... Cliquez pour télécharger Easy-Planning
|