|
[ Forums >> Webmasters >> Général >> Afficher images dans un cadre au passage de la souris sur des liens ]
| > Afficher images dans un cadre au passage de la souris sur des liens |
[ Posté par davides ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 06-07-2009 à 12:13 | 6 messages ]
Bonjour,
Voici mon problème, je veux afficher des images différentes dans un cadre au passage de la souris sur des liens différents, par exemple comme ici : http://baua.fr/rea.php
J'ai trouvé ce script qui fonctionne pour un lien et une image, tout en affichant une couleur de fond:
--------------------------------------
<script language="javascript">
function changeCouleur1(ligne)
{
ligne.bgColor = 'd8e6f5';
}
{
document.getElementById('zoneImg').innerHTML = '<img src="http://www."; />';
}
function couleur(par,val)
{
$var=document.getElementById('zoneImg');
if(val==true)
{
par.style.backgroundColor="#cccccc";
$var.innerHTML ='<img src="http://www."; />';
}
else
{
par.style.backgroundColor="white";
$var.innerHTML="";
}
}
</script>
-------------------------------------
<label id="zoneImg"></label>
-------------------------------------
<p id="couleur" onmouseover="couleur(this,true)" onmouseout="couleur(this,false)">Lien 1</p>
-------------------------------------
Comment faire pour ajouter plusieurs zoneImg (zoneImg1, zoneImg2,...)
ou connaissez vous quelque chose de mieux ?
Merci
________________
David
|
[ Posté par davides ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 06-07-2009 à 13:42 | 6 messages ]
En fait, j'ai trouvé la solution en ajoutant 1 script par lien, c'est lourd mais ça fonctionne !
________________
David
| [ Posté par truitas ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 11-07-2009 à 14:17 | 7 messages ]
|
salut,
je suis débutant mais le code de la page que tu mettais en lien est le suivant peut être aura tu la solution:
http://baua.fr/rea.php
Inline Script from http://baua.fr/rea.php
AC_FL_RunContent = 0;
http://baua.fr/js/AC_RunActiveContent.js
//v1.7
// Flash Player Version Detection
// Detect Client Browser type
// Copyright 2005-2007 Adobe Systems Incorporated. All rights reserved.
var isIE = (navigator.appVersion.indexOf("MSIE") != -1) ? true : false;
var isWin = (navigator.appVersion.toLowerCase().indexOf("win") != -1) ? true : false;
var isOpera = (navigator.userAgent.indexOf("Opera") != -1) ? true : false;
function ControlVersion()
{
var version;
var axo;
var e;
// NOTE : new ActiveXObject(strFoo) throws an exception if strFoo isn't in the registry
try {
// version will be set for 7.X or greater players
axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7");
version = axo.GetVariable("$version");
} catch (e) {
}
if (!version)
{
try {
// version will be set for 6.X players only
axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");
// installed player is some revision of 6.0
// GetVariable("$version") crashes for versions 6.0.22 through 6.0.29,
// so we have to be careful.
// default to the first public version
version = "WIN 6,0,21,0";
// throws if AllowScripAccess does not exist (introduced in 6.0r47)
axo.AllowScriptAccess = "always";
// safe to call for 6.0r47 or greater
version = axo.GetVariable("$version");
} catch (e) {
}
}
if (!version)
{
try {
// version will be set for 4.X or 5.X player
axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.3");
version = axo.GetVariable("$version");
} catch (e) {
}
}
if (!version)
{
try {
// version will be set for 3.X player
axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.3");
version = "WIN 3,0,18,0";
} catch (e) {
}
}
if (!version)
{
try {
// version will be set for 2.X player
axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash");
version = "WIN 2,0,0,11";
} catch (e) {
version = -1;
}
}
return version;
}
// JavaScript helper required to detect Flash Player PlugIn version information
function GetSwfVer(){
// NS/Opera version >= 3 check for Flash plugin in plugin array
var flashVer = -1;
if (navigator.plugins != null && navigator.plugins.length > 0) {
if (navigator.plugins["Shockwave Flash 2.0"] || navigator.plugins["Shockwave Flash"]) {
var swVer2 = navigator.plugins["Shockwave Flash 2.0"] ? " 2.0" : "";
var flashDescription = navigator.plugins["Shockwave Flash" + swVer2].description;
var descArray = flashDescription.split(" ");
var tempArrayMajor = descArray[2].split(".");
var versionMajor = tempArrayMajor[0];
var versionMinor = tempArrayMajor[1];
var versionRevision = descArray[3];
if (versionRevision == "") {
versionRevision = descArray[4];
}
if (versionRevision[0] == "d") {
versionRevision = versionRevision.substring(1);
} else if (versionRevision[0] == "r") {
versionRevision = versionRevision.substring(1);
if (versionRevision.indexOf("d") > 0) {
versionRevision = versionRevision.substring(0, versionRevision.indexOf("d"));
}
}
var flashVer = versionMajor + "." + versionMinor + "." + versionRevision;
}
}
// MSN/WebTV 2.6 supports Flash 4
else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.6") != -1) flashVer = 4;
// WebTV 2.5 supports Flash 3
else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.5") != -1) flashVer = 3;
// older WebTV supports Flash 2
else if (navigator.userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 2;
else if ( isIE && isWin && !isOpera ) {
flashVer = ControlVersion();
}
return flashVer;
}
// When called with reqMajorVer, reqMinorVer, reqRevision returns true if that version or greater is available
function DetectFlashVer(reqMajorVer, reqMinorVer, reqRevision)
{
versionStr = GetSwfVer();
if (versionStr == -1 ) {
return false;
} else if (versionStr != 0) {
if(isIE && isWin && !isOpera) {
// Given "WIN 2,0,0,11"
tempArray = versionStr.split(" "); // ["WIN", "2,0,0,11"]
tempString = tempArray[1]; // "2,0,0,11"
versionArray = tempString.split(","); // ['2', '0', '0', '11']
} else {
versionArray = versionStr.split(".");
}
var versionMajor = versionArray[0];
var versionMinor = versionArray[1];
var versionRevision = versionArray[2];
// is the major.revision >= requested major.revision AND the minor version >= requested minor
if (versionMajor > parseFloat(reqMajorVer)) {
return true;
} else if (versionMajor == parseFloat(reqMajorVer)) {
if (versionMinor > parseFloat(reqMinorVer))
return true;
else if (versionMinor == parseFloat(reqMinorVer)) {
if (versionRevision >= parseFloat(reqRevision))
return true;
}
}
return false;
}
}
function AC_AddExtension(src, ext)
{
if (src.indexOf('?') != -1)
return src.replace(/\?/, ext+'?');
else
return src + ext;
}
function AC_Generateobj(objAttrs, params, embedAttrs)
{
var str = '';
if (isIE && isWin && !isOpera)
{
str += '<object ';
for (var i in objAttrs)
{
str += i + '="' + objAttrs[i] + '" ';
}
str += '>';
for (var i in params)
{
str += '<param name="' + i + '" value="' + params[i] + '" /> ';
}
str += '</object>';
}
else
{
str += '<embed ';
for (var i in embedAttrs)
{
str += i + '="' + embedAttrs[i] + '" ';
}
str += '> </embed>';
}
document.write(str);
}
function AC_FL_RunContent(){
var ret =
AC_GetArgs
( arguments, ".swf", "movie", "clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
, "application/x-shockwave-flash"
);
AC_Generateobj(ret.objAttrs, ret.params, ret.embedAttrs);
}
function AC_SW_RunContent(){
var ret =
AC_GetArgs
( arguments, ".dcr", "src", "clsid:166B1BCA-3F9C-11CF-8075-444553540000"
, null
);
AC_Generateobj(ret.objAttrs, ret.params, ret.embedAttrs);
}
function AC_GetArgs(args, ext, srcParamName, classid, mimeType){
var ret = new Object();
ret.embedAttrs = new Object();
ret.params = new Object();
ret.objAttrs = new Object();
for (var i=0; i < args.length; i=i+2){
var currArg = args[i].toLowerCase();
switch (currArg){
case "classid":
break;
case "pluginspage":
ret.embedAttrs[args[i]] = args[i+1];
break;
case "src":
case "movie":
args[i+1] = AC_AddExtension(args[i+1], ext);
ret.embedAttrs["src"] = args[i+1];
ret.params[srcParamName] = args[i+1];
break;
case "onafterupdate":
case "onbeforeupdate":
case "onblur":
case "oncellchange":
case "onclick":
case "ondblclick":
case "ondrag":
case "ondragend":
case "ondragenter":
case "ondragleave":
case "ondragover":
case "ondrop":
case "onfinish":
case "onfocus":
case "onhelp":
case "onmousedown":
case "onmouseup":
case "onmouseover":
case "onmousemove":
case "onmouseout":
case "onkeypress":
case "onkeydown":
case "onkeyup":
case "onload":
case "onlosecapture":
case "onpropertychange":
case "onreadystatechange":
case "onrowsdelete":
case "onrowenter":
case "onrowexit":
case "onrowsinserted":
case "onstart":
case "onscroll":
case "onbeforeeditfocus":
case "onactivate":
case "onbeforedeactivate":
case "ondeactivate":
case "type":
case "codebase":
case "id":
ret.objAttrs[args[i]] = args[i+1];
break;
case "width":
case "height":
case "align":
case "vspace":
case "hspace":
case "class":
case "title":
case "accesskey":
case "name":
case "tabindex":
ret.embedAttrs[args[i]] = ret.objAttrs[args[i]] = args[i+1];
break;
default:
ret.embedAttrs[args[i]] = ret.params[args[i]] = args[i+1];
}
}
ret.objAttrs["classid"] = classid;
if (mimeType) ret.embedAttrs["type"] = mimeType;
return ret;
}
Inline Script from http://baua.fr/rea.php
if (AC_FL_RunContent == 0) {
alert("Cette page nécessite le fichier AC_RunActiveContent.js.");
} else {
AC_FL_RunContent(
'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
'width', '1000',
'height', '700',
'src', 'rea',
'quality', 'high',
'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
'align', 'middle',
'play', 'true',
'loop', 'true',
'scale', 'showall',
'wmode', 'window',
'devicefont', 'false',
'id', 'content',
'bgcolor', '#ffffff',
'name', 'content',
'menu', 'true',
'allowFullScreen', 'false',
'allowScriptAccess','sameDomain',
'movie', 'swf/rea',
'salign', ''
); //end AC code
}
Inline Script from http://baua.fr/rea.php
<!--
var a_vars = Array();
var pagename='Réalisations';
var phpmyvisitesSite = 10;
var phpmyvisitesURL = "http://www.pixilog.com/phpmv2/phpmyvisites.php";
//-->
http://www.pixilog.com/phpmv2/phpmyvisites.js
// http://www.phpmyvisites.net/
// License GNU/GPL (http://www.gnu.org/copyleft/gpl.html)
function pmv_log(pmv_site, pmv_url, pmv_pname, pmv_vars)
{
function plugMoz(pmv_pl) {
if (pmv_tm.indexOf(pmv_pl) != -1 && (navigator.mimeTypes[pmv_pl].enabledPlugin != null))
return '1';
return '0';
}
function plugIE(pmv_plug){
pmv_find = false;
document.write('<SCR' + 'IPT LANGUAGE=VBScript>\n on error resume next \n pmv_find = IsObject(CreateObject("' + pmv_plug + '"))</SCR' + 'IPT>\n');
if (pmv_find) return '1';
return '0';
}
var pmv_jav='0'; if(navigator.javaEnabled()) pmv_jav='1';
var pmv_agent = navigator.userAgent.toLowerCase();
var pmv_moz = (navigator.appName.indexOf("Netscape") != -1);
var pmv_ie= (pmv_agent.indexOf("msie") != -1);
var pmv_win = ((pmv_agent.indexOf("win") != -1) || (pmv_agent.indexOf("32bit") != -1));
if (!pmv_win || pmv_moz){
pmv_tm = '';
for (var i=0; i < navigator.mimeTypes.length; i++)
pmv_tm += navigator.mimeTypes[i].type.toLowerCase();
var pmv_dir = plugMoz("application/x-director");
var pmv_fla = plugMoz("application/x-shockwave-flash");
var pmv_pdf = plugMoz("application/pdf");
var pmv_qt = plugMoz("video/quicktime");
var pmv_rea = plugMoz("audio/x-pn-realaudio-plugin");
var pmv_wma = plugMoz("application/x-mplayer2");
} else if (pmv_win && pmv_ie){
var pmv_dir = plugIE("SWCtl.SWCtl.1");
var pmv_fla = plugIE("ShockwaveFlash.ShockwaveFlash.1");
var pmv_pdf = '0';
if (plugIE("PDF.PdfCtrl.1") == '1' || plugIE('PDF.PdfCtrl.5') == '1' || plugIE('PDF.PdfCtrl.6') == '1')
pmv_pdf = '1';
var pmv_qt = plugIE("QuickTimeCheckObject.QuickTimeCheck.1");
var pmv_rea = plugIE("rmocx.RealPlayer G2 Control.1");
var pmv_wma = plugIE("MediaPlayer.MediaPlayer.1");
}
var getvars='';
for (var i in pmv_vars){
if (!Array.prototype[i]){
getvars = getvars + '&a_vars['+ escape(i) + ']' + "=" + escape(pmv_vars[i]);
}
}
pmv_do = document; pmv_da = new Date();
try {rtu = top.pmv_do.referrer;} catch(e) {
try {rtu = pmv_do.referrer;} catch(E) {rtu = '';}
}
src = pmv_url;
src += '?url='+escape(pmv_do.location)+'&pagename='+escape(pmv_pname)+getvars;
src += '&id='+pmv_site+'&res='+screen.width+'x'+screen.height+'&col='+screen.colorDepth;
src += '&h='+pmv_da.getHours()+'&m='+pmv_da.getMinutes()+'&s='+pmv_da.getSeconds();
src += '&flash='+pmv_fla+'&director='+pmv_dir+'&quicktime='+pmv_qt+'&realplayer='+pmv_rea;
src += '&pdf='+pmv_pdf+'&windowsmedia='+pmv_wma+'&java='+pmv_jav+'&ref='+escape(rtu);
pmv_do.writeln('<img src="'+src+'" alt="phpMyVisites" style="border:0" />');
}
pmv_log(phpmyvisitesSite, phpmyvisitesURL, pagename, a_vars); |
|
|
|
Services email :
Vous devez vous identifier pour profiter des services par email du forum.
|
|
]
