hallo!
bastle gerade an meiner hp und habe das selbe problem wie steve hier: http://forum.de.selfhtml.org/archiv/2007/6/t155171/
ich habe rollover-thumbnails (die noch dazu so aktiv bleiben sollen, bis das nächste geklickt wird) und möchte, dass die bilder bei mausklick in einem iframe geladen werden. die bilder haben dabei nicht alle die gleiche größe und sollen daher mittig zentriert sein.
momentan sieht das ganze so aus:
im html-dokument:
<a href="images/stills/pflanze.jpg" target="ifrm_graphics" class="imgoff" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('pflanze','','images/stills/thumbs/pflanze-a.jpg',1)" onclick="trackClick(this);return true"> <img src="images/stills/thumbs/pflanze-na.jpg" name="pflanze" width="35" height="35" class="imgoff" id="pflanze" /> </a>
<iframe src="whatever.html" name="ifrm_graphics" class="ifrm_graphics"></iframe>
im css steht dann:
.ifrm_graphics {
height: 390px;
width: 580px;
border:none;
background-color: transparent;
position: absolute;
margin: 0px;
padding: 0px;
overflow:hidden;
left: 200px;
top: 0px;
right:0px;
bottom:0px;
text-align:center;
vertical-align:middle;
und im js:
// JavaScript fürs erkennen welchen link man gedrückt hat und diesen markiert lassen bis der nächste link gedrückt wird.
var _active = null;
function trackClick(it) {
if (_active != null)
{_active.className = _active.className.substr(0, 3) + "off";}
_active = it;
ovr(it);
}
function ovr(it) {
it.className = it.className.substr(0, 3) + "on";
}
function out(it) {
if (_active != it)
{it.className = it.className.substr(0, 3) + "off";}
}
// Java von den rollover-bildern
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
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[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
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[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
hab das alles selbst zusammengebastelt (und das ohne wirklich vorkenntnisse), es kann also sein, dass der ganze code sehr fehlerhaft ist. nichts desto trotz funktioniert alles prima bis eben die geschichte mit dem mittigen zentrieren der bilder, die im iframe geladen werden.
hab das "gesamte" netz durchforscht und wende mich jetzt an euch. hoff ihr könnt mir helfen!
vielen dank!
dani