Newbie > souci de zoom et de compatibilité IE sur Dewslider

Question

mathiou

27 Oct 2009 à 22:56

Bonjour à la communauté d'alsacréations. Avant d'entamer mon premier post, un petit merci pour vos tutoriaux ne fait jamais de mal Smiley cligne

Je me lance dans la création d'un site sous wordpress, et souhaite y intégrer un diaporama interactif en guise de bannière. Dewslider me semble être la solution idéale. Néanmoins, je rencontre avec ce bel outil deux soucis majeurs. Après plusieurs heures de recherches non fructueuses et avant de m'arracher plus de cheveux, j'en appelle donc à votre aide.

Mon premier problème concerne la gestion du zoom à l'affichage (ctrl+molette) : impossible de voir ma bannière flash se redimensionner comme les autres éléments de ma page. En cas de zoom, un cadre blanc l'entoure, en cas de dézoom, seule une zone du slide reste visible.
Pour mieux illustrer le problème, j'ai fait des screens :

http://mathieu.dubost.free.fr/blog_normal.JPG

http://mathieu.dubost.free.fr/blog_zoom.JPG

http://mathieu.dubost.free.fr/blog_dezoom.JPG

Sachant que le problème ne se pose pas avec les vidéos aussi intégrées en flash, je pense qu'il est possible de le contourner avec un bout de code magique (php, css, js?)

Mon autre souci porte sur l'intégration avec IE. Sous Firefox, excepté le souci de zoom le slide marche parfaitement. Chez le concurrent du renard rien à faire, carré blanc permanent. J'ai vu que ce problème était récurrent. Un ami m'a parlé d'un codage différent pour IE et firefox, mais je patauge toujours... Je poste quand même le code de mon header, sachant que je n'utilise pas de fichier xml :

<?php
/*------------------------------------------------------------------------
# WordPress Yashfa Theme - February 2009
# ------------------------------------------------------------------------
# @license - WordPress Yashfa Theme is available under the terms of the GPL 
# Author: Nurudin Jauhari
# Websites:   http://wpgpl.com
 
-------------------------------------------------------------------------*/
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>

<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Blog Archive <?php } ?> <?php wp_title(); ?></title>


<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<link rel="shortcut icon" href="<?php bloginfo('template_directory'); ?>/favicon.ico" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" title="Yashfa Themes" media="screen" />

<script language="javascript" type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery-1.2.6.min.js"></script>
<script language="javascript" type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.equalheights.js"></script>

<script type="text/javascript">
var $jx = jQuery.noConflict();

$jx(document).ready(function() {
    $jx(".inner").equalHeights();
});

</script>


<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
<?php wp_head(); ?>
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/css-navi.css" type="text/css" />

<!--[if IE]>
<link href="<?php bloginfo('template_directory'); ?>/css-ie.css" media="all" rel="stylesheet" type="text/css" />
<![endif]-->

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/jquery.js"></script>

</head>
<body>


<div id="navr">
<div id="navr2">
  <ul class="menu clearfix">
    <li <?php if(is_home()){echo 'class="current_page_item"';}?>><a href="<?php bloginfo('siteurl'); ?>/" title="Home">Home</a></li>
    <?php wp_list_pages('sort_column=menu_order&title_li='); ?>
	<?php wp_register('<li class="admintab">','</li>'); ?>
  </ul>
<div class="feeder">
<a rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />RSS</a>			</div>
</div>
</div>

<div id="page">

<div id="header">

<h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
<div class="description"><?php bloginfo('description'); ?></div> 

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="950" height="170" id="dewplayer" align="middle"><param name="allowScriptAccess" value="sameDomain" /><param name="movie" value="dewslider.swf?img=http://mathieu.dubost.free.fr/slideshow/1.jpg,http://mathieu.dubost.free.fr/slideshow/2.jpg,http://mathieu.dubost.free.fr/slideshow/3.jpg,http://mathieu.dubost.free.fr/slideshow/4.jpg,http://mathieu.dubost.free.fr/slideshow/5.jpg,http://mathieu.dubost.free.fr/slideshow/6.jpghttp://mathieu.dubost.free.fr/slideshow/7.jpg,http://mathieu.dubost.free.fr/slideshow/8.jpg,http://mathieu.dubost.free.fr/slideshow/9.jpg,http://mathieu.dubost.free.fr/slideshow/10.jpg,http://mathieu.dubost.free.fr/slideshow/11.jpg,http://mathieu.dubost.free.fr/slideshow/12.jpg&amp;randomstart=1&amp;transition=fade&amp;speed=20&amp;timer=10" /><param name="quality" value="high" /><embed src="http://mathieu.dubost.free.fr/slideshow/dewslider.swf?img=http://mathieu.dubost.free.fr/slideshow/1.jpg,http://mathieu.dubost.free.fr/slideshow/2.jpg,http://mathieu.dubost.free.fr/slideshow/3.jpg,http://mathieu.dubost.free.fr/slideshow/4.jpg,http://mathieu.dubost.free.fr/slideshow/5.jpg,http://mathieu.dubost.free.fr/slideshow/6.jpghttp://mathieu.dubost.free.fr/slideshow/7.jpg,http://mathieu.dubost.free.fr/slideshow/8.jpg,http://mathieu.dubost.free.fr/slideshow/9.jpg,http://mathieu.dubost.free.fr/slideshow/10.jpg,http://mathieu.dubost.free.fr/slideshow/11.jpg,http://mathieu.dubost.free.fr/slideshow/12.jpg&amp;randomstart=1&amp;transition=fade&amp;speed=20&amp;timer=10"quality="high"width="950" height="170" name="dewplayer" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></object></embed></object>

	

</div>
<hr />

<div id="thebg">

Merci d'avance Smiley smile

Modifié par mathiou (28 Oct 2009 - 11:56)

Laurie-Anne

28 Oct 2009 à 10:40

Bonjour et bienvenue sur le forum,

Comme tu a pu le remarquer, certaines portions de code (ces longues lignes sans espaces) de ton message rendent la lecture de celui-ci particulièrement difficile car elles élargissent la page. Pour éviter celà, il existe un BBcode spécial : Code [ code] [ /code] (sans espaces) qui permet de mettre en forme les portions de code.

Je te prierais donc de bien vouloir éditer ton premier message pour y insérer ces balises et ainsi donner envie aux membres de la communauté de lire ton message Smiley cligne

Bonne continuation,

artie

25 Jan 2010 à 14:44

Bonjour,

En dehors des problèmes de forme du message posté quelqun a-t-il trouver une solution au problème soulevé concernant le zoom qui entraine des marges ? Ce qui est assez génant car il entache un peu l'accessibilité. De plus ce paramètre est mémorisé par IE, ce qui fait que l'utilisateur n'est pas conscient que ce défaut d'affichage vient d'un paramètre perso (qu'il a complètement oublié). Ceci est donc interpreté comme un défaut de conception du site ...

Ceci dit, bien entendu je suis un grand fan des 2 players d'alsa. Smiley ravi

Donc merci Smiley cligne

Artie

Sujet clos

Questions générales et questions de débutants

Newbie > souci de zoom et de compatibilité IE sur Dewslider