0
Alors que le code d'outils Jquery semble bien fonctionner en chrome et FF il ne fonctionne pas dans IE 6 ou 7 ... http://designbracket.com/ J'utilise Overlay sur les services du lien et les liens sous elle (s'il vous plaît excuser la mise en forme pour le moment ... travaille toujours sur le site)problème dans IE 7 et 6 avec des outils Drupal et jquery
<?php jquery_plugin_add('overlay'); ?>
<?php
drupal_add_js(
'$(function() {
// positions for each overlay
var positions = [
[0, 530],
[400, 20],
[400, 530],
[0, 20]
];
// setup triggers
$("#Mone[rel],#Mtwo[rel], #Mthree[rel], #Mfour[rel]").each(function(i) {
$(this).overlay({
// common configuration for each overlay
oneInstance: false,
closeOnClick: false,
// setup custom finish position
top: positions[i][0],
left: positions[i][1],
});
});
});',
'inline'
); ?>
<STYLE>
div.overlay {
/* growing background image */
background-image:url(http://flowplayer.org/img/overlay/white.png);
/* dimensions after the growing animation finishes */
width:600px;
height:470px;
/* initially overlay is hidden */
display:none;
/* some padding to layout nested elements nicely */
padding:55px;
}
/* default close button positioned on upper right corner */
div.overlay div.close {
background-image:url(http://flowplayer.org/img/overlay/close.png);
position:absolute;
right:5px;
top:5px;
cursor:pointer;
height:35px;
width:35px;
}
</STYLE>
<table style="margin-left:75px;">
<tr>
<td style="width:165px; vertical-align:top">
<a href="#" rel="div.overlay:eq(0)" id="Mone"style="color:#12636e;font-size:17pt;">Our Services</a></br>
<ul>
<li><a href="#" rel="div.overlay:eq(1)" id="Mtwo">Digital Media </a></li>
<li><a href="#" rel="div.overlay:eq(2)" id="Mthree">Online Marketing</a></li>
<li><a href="#" rel="div.overlay:eq(3)" id="Mfour">Websites</a></li>
</ul>
</td>
</tr>
</table>
<div class="overlay">
<h2 style="margin:10px 0">Overlay </h2>
<p style="float: left; margin:0px 20px 20px 0;">
<img src="http://static.flowplayer.org/img/title/tools24.png" />
</p>
<p>
Class aptent taciti sociosqu ad litora torquent per conubia nostra,
per inceptos himenaeos. Donec lorem ligula, elementum vitae,
imperdiet a, posuere nec, ante. Quisque mattis massa id metus.
</p>
</div>
<div class="overlay">
<h2 style="margin:10px 0">Overlay <me>#2</me></h2>
<p style="float: left; margin:0px 20px 20px 0;">
<img src="http://static.flowplayer.org/img/title/tools24.png" />
</p>
<p>
Class aptent taciti sociosqu ad litora torquent per conubia nostra,
per inceptos himenaeos. Donec lorem ligula, elementum vitae,
imperdiet a, posuere nec, ante. Quisque mattis massa id metus.
</p>
</div>
<div class="overlay">
<h2 style="margin:10px 0">Overlay <me>#3</me></h2>
<p style="float: left; margin:0px 20px 20px 0;">
<img src="http://static.flowplayer.org/img/title/tools24.png" />
</p>
<p>
Class aptent taciti sociosqu ad litora torquent per conubia nostra,
per inceptos himenaeos. Donec lorem ligula, elementum vitae,
imperdiet a, posuere nec, ante. Quisque mattis massa id metus.
</p>
</div>
<div class="overlay">
<h2 style="margin:10px 0">Overlay <me>#4</me></h2>
<p style="float: left; margin:0px 20px 20px 0;">
<img src="http://static.flowplayer.org/img/title/tools24.png" />
</p>
<p>
Class aptent taciti sociosqu ad litora torquent per conubia nostra,
per inceptos himenaeos. Donec lorem ligula, elementum vitae,
imperdiet a, posuere nec, ante. Quisque mattis massa id metus.
</p>
</div>
<div class="overlay">
<h2 style="margin:10px 0">Overlay <me>#5</me></h2>
<p style="float: left; margin:0px 20px 20px 0;">
<img src="http://static.flowplayer.org/img/title/tools24.png" />
</p>
<p>
Class aptent taciti sociosqu ad litora torquent per conubia nostra,
per inceptos himenaeos. Donec lorem ligula, elementum vitae,
imperdiet a, posuere nec, ante. Quisque mattis massa id metus.
</p>
</div>
Veuillez suggérer ce shud-je faire pour le faire fonctionner dans IE 6 et 7. Pour le rendre pratique à vérifier le code, je me suis assuré qu'il a le HTML et CSS à l'intérieur .. Donc, pour vérifier simplement couper copier coller dans ur site drupal test.
Merci