• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Onclick Bild mit einem Links versehen

Ich glaub der Sinn eines Forums ist nicht auf andere Foren zuverweisen, oder lieg ich da falsch??
 
Hallo!

Hab die ganze Sache nicht ganz gecheckt glaub ich.

Willst du jetzt wenn man über einen Link fährt, daß das mittlere Bild durch ein Foto ersetzt wird und durch Klick auf dieses Bild einen Link irgendwohin machen???
 
ich glaub ich bin zu faul mir den quelltext raussuchen zu müssen :eek:

sonst hät ich vieleicht helfen können :D
 
Ich hab mir deine seite genauer angeschaut der 2. link ist ja soweit oki abba wie ich es sehe machste alles mit flash wobei so eine darstellung supi einfach mit js funkelt.
 
Jup

Also ich hab mich bissel mit deiner Seite beschäftigt.
Das was ich dir vorschlagen würde ist mit Frames zu arbeiten da könntest du auch bildwechel in mitte machen wobei du jedes bild mit nem link versehen kannst.
Hier ein beispiel für eine seite mit Frames
dieser beispiel besteht aus 5 anderen seiten wobei du die in der Mitte für bildwechel nutzen kannst, und dabei das bild dann mit nem lik versehen kannst.

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Neue Seite 2</title>
</head>

<frameset rows="78,*,64" border=0 frameborder=0 framespacing=0>
<frame name="Navigationsframe oben" scrolling="no" noresize target="Inhalt" src="Seite4.htm">
<frameset cols="150,*,27%" border=0 frameborder=0 framespacing=0>
<frame name="Inhalt" target="Hauptframe" src="Seite3.htm" scrolling="no">
<frame name="Hauptframe" src="Seite5.htm" scrolling="no">
<frame name="Hauptframe1" src="Seite6.htm" scrolling="no">
</frameset>
<frame name="Navigationsframe unten" scrolling="no" noresize target="Inhalt" src="Seite7.htm">
<noframes>
<body>
</body>
</noframes>
</frameset>

</html>

Gruss
Pollo
 
Hallo!

So,das sollte laufen:

Code: 
var currentPic = "";
var bildA1aLink = "http://www.microsoft.com";
var bildA2aLink = "http://www.jswelt.de";
var bildA3aLink = "http://www.autsch.de";
...........................................usw.

var bildA1a = new Image(); 
var bildA2a = new Image(); 
var bildA3a = new Image(); 
var bildA1b = new Image(); 
var bildA2b = new Image(); 
var bildA3b = new Image(); 
var bildA1c = new Image(); 
var bildA2c = new Image(); 
var bildA3c = new Image(); 
bildA1a.src = "http://andrea.italien.ch/sekA/images/mitte_mitte2.gif"; 
bildA2a.src = "../sekA/images/a.gif"; 
bildA3a.src = "http://mypage.bluewin.ch/italien/mitte_mitte2.gif"; 
bildA1b.src = "../sekA/images/a.gif"; 
bildA2b.src = "http://andrea.italien.ch/sekA/images/mitte_mitte2.gif"; 
bildA3b.src = "../sekA/images/a.gif"; 
bildA1c.src = "http://mypage.bluewin.ch/italien/mitte_mitte2.gif"; 
bildA2c.src = "../sekA/images/a.gif"; 
bildA3c.src = "../sekA/images/a.gif"; 

function doButtons(picimage) { 
    eval("document['picture'].src = " + picimage + ".src");
    eval("dummy =  " + picimage + "Link;");
    if(dummy)
    {
        currentPic = dummy; 
        dummy = "";
    }
} 

function doLink()
{
    if(currentPic)
    {
        eval("link = " + currentPic + ";");
        if(link)
        {
            location.href = link;
        }
    }
}

<IMG SRC="images/mitte_mitte.gif" WIDTH=494 HEIGHT=351 name="picture" onClick="doLink();">

Versuchs mal. Sollte es nicht gehen kann es nur noch an einen kleinen Denkfehler von mir liegen.
 
Hallo!

Tausch das mal aus:

Code: 
function doLink()
{
    if(currentPic)
    {
        eval("link = " + currentPic);
        if(link)
        {
            location.href = link;
        }
    }
}
 
ich hab dir hier was gemacht ist ne lösung die funkt mit Frames

Hier html für die hauptseite

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Neue Seite 2</title>
</head>

<frameset rows="78,*,64" border=0 frameborder=0 framespacing=0>
<frame name="Navigationsframe oben" scrolling="no" noresize target="Inhalt" src="Oben.htm" >
<frameset cols="171,*,23%" border=0 frameborder=0 framespacing=0>
<frame name="Inhalt" target="Hauptframe" scrolling="no" src="linx.htm">
<frame name="Hauptframe" scrolling="no" src="mitte.htm" target="_self">
<frame name="Hauptframe1" scrolling="no" src="rechts.htm">
</frameset>
<frame name="Navigationsframe unten" scrolling="no" noresize target="Inhalt" src="unten.htm" >
<noframes>
<body>
</body>
</noframes>
</frameset>

</html>


Jetzt für jede seite fast gleich
1seite.die linke

<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}

function MM_findObj(n, d) { //v3.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document); return x;
}

function MM_nbGroup(event, grpName) { //v3.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args)) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args)) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : args[i+1];
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
if ((nbArr = document[grpName]) != null)
for (i=0; i < nbArr.length; i++) { img=nbArr; img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args)) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
}

function MM_displayStatusMsg(msgStr) { //v1.0
status=msgStr;
document.MM_returnValue = true;
}
//-->
</script>
<base target="Hauptframe">
</head>

<body bgcolor="#032F55" >
<table border="0" cellpadding="0" cellspacing="1" width="100%">
<tr valign="bottom">
<td width="69" height="43">
<div align="left"><a target="Hauptframe" href="http://HIER DIE URL FÜR DIE WEBSEITE DIE SICH IN DER MITTE ÖFFNET WO DU DANN DAS PIC INT: AST UND VERLINKT" onClick="MM_nbGroup('down','group1','A1a.jpg','A1a.gif',0)" onMouseOver="MM_nbGroup('over','A1a','A1aoff.gif')" onMouseOut="MM_nbGroup('out')" target="top">
<img name="A1a" src="A1a.gif" border="0" onMouseOver="MM_displayStatusMsg('Klasse A1a...');return document.MM_returnValue" width="159" height="38" ></a></div>
</td>
<td width="112" height="43"> </td>
</tr>
</table>
</body>
</html>


Jetzt die Rechte

<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}}
}

function MM_findObj(n, d) { //v3.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document); return x;
}

function MM_nbGroup(event, grpName) { //v3.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args)) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args)) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : args[i+1];
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
if ((nbArr = document[grpName]) != null)
for (i=0; i < nbArr.length; i++) { img=nbArr; img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args)) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
}

function MM_displayStatusMsg(msgStr) { //v1.0
status=msgStr;
document.MM_returnValue = true;
}
//-->
</script>
</head>

<body bgcolor="#032F55" >
<table border="0" cellpadding="0" cellspacing="1" width="100%">
<tr valign="bottom">
<td width="69" height="43">
<div align="left"><a target="Hauptframe" href="http://HIER DIE URL FÜR DIE WEBSEITE DIE SICH IN DER MITTE ÖFFNET WO DU DANN DAS PIC INT: AST UND VERLINKT" onClick="MM_nbGroup('down','group1','A1b.jpg','A1b.gif',0)" onMouseOver="MM_nbGroup('over','A1b','A1boff.gif')" onMouseOut="MM_nbGroup('out')" target="top">
<img name="A1b" src="A1b.gif" border="0" onMouseOver="MM_displayStatusMsg('Klasse A1b...');return document.MM_returnValue" width="159" height="38" ></a></div>
</td>
<td width="112" height="43"> </td>
</tr>
</table>
</body>
</html>

usw.
du brauchst mehrere bilder jetzt 2 in gif format und jeweils 1 in Jpg
kann dir gerne die fertige seite per mail schicken


Gruss
Pollo
 
Jup

Aslo das mit frames haste auch nicht gerad unrecht, abba wieso solte mann sich das leben schwehr machen immerhin geht es mit Frames 1a.
Naja deine entscheidung ich kan dir sonst leider nicht weiter helfen dazu reicht mein wissen nicht aus bin noch nicht so weit.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben