OK..tak ja sem hodim kopletny JS kod..Tak ak mozem poprosit, keby ste sa na to mrkli a povedali mi co by som mal upravit, resp ako to upravit, aby aj to zobrazovanie obrazka v IE fungovalo "normalne".. Este jedna vec..V JS som fakt zaciatocnik, tak ten kod berte trocha s rezervou..Ak ma teda niekto lepsie/jednoduchsie riesenie..sem s nim..ale aj s vysvetlivkami.. Rad sa nieco nove naucim..
<script>
var arrayThumbs, arrayImages, arrayHeights, arrayWidths, arrayInfos, arrayNums, arrLength, picture, PicWidth, ImgAdr;
function images_expansion(opac) {
timer = null;
var prm = 0.01;
var slidImg = document.getElementById('ImgId');
if (opac <= 1){
opac += prm;
slidImg.style.opacity = opac;
slidImg.style.MozOpacity = opac;
slidImg.style.KhtmlOpacity = opac;
slidImg.style.filter = 'alpha(opacity=' + (opac * 100) + ');';
timer = setTimeout("images_expansion(" + opac + ");", 10);
}
else {
return true;
}
}
function showThumbs(name, gall, pc)
{
var uh = name;
var gh = gall;
var params = "user="+ uh +"&gal=" + gh;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
eval(xmlhttp.responseText);
arrayThumbs = arrayThumb;
arrayImages = arrayImage;
arrayHeights = arrayHeight;
arrayWidths = arrayWidth;
arrayInfos = arrayInfo;
arrayNums = arrayNum;
arrLength= arrayThumbs.length ;
picture = new Array();
PicWidth = new Array();
var rarLeng = arrLength -1;
for(t=0; t<arrLength; t++)
{
if (arrayHeights[t] > arrayWidths[t] )
{
PicWidth[t] = arrayWidths[t];
if (PicWidth[t] > 600) { PicWidth[t]=600; } else { PicWidth[t]= arrayWidths[t]; }
}
else {
PicWidth[t] = arrayWidths[t];
if (PicWidth[t] > 500) { PicWidth[t]=500; } else { PicWidth[t]= arrayWidths[t]; }
}
picture[t] = new Image();
picture[t].src = "thumbnails.php?img=./userimages/"+arrayImages[t]+"&sirka="+PicWidth[t];
if ( picture[t]== picture[rarLeng]) { showImage(pc); }
}
}
}
xmlhttp.open("POST","gallery_images_jx.php",true);
xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xmlhttp.setRequestHeader("Content-length", params.length);
xmlhttp.send(params);
}
function showImage(nm)
{
var ImPor = (nm * 1)-1;
var MaxWidth = PicWidth[ImPor];
var ImgW = MaxWidth+"px";
changeBorder(ImPor);
navImage(nm);
var ImNum ="<img id='ImgId' width='"+ImgW+"' name='"+ImPor+"' src=" +picture[ImPor].src +" alt='"+arrayImages[ImPor]+"' style='opacity: 0.1; -moz-opacity: 0.1; border: 3px solid #ffffff'>";
images_expansion(0);
document.getElementById("image").innerHTML= ImNum ;
document.getElementById("por").innerHTML = nm +"/"+ arrLength;
var fotoInfos =arrayInfos[ImPor];
if (fotoInfos =='ziadny') { var fotoInfo="-"; } else { var fotoInfo= arrayInfos[ImPor]; }
document.getElementById("imageInfo").innerHTML= fotoInfo ;
}
function changeBorder(br)
{
var smallImages = document.getElementById("thumbs").getElementsByTagName('img');
for (var i = 0; i < smallImages.length; i++) {
var smallImage = smallImages[i];
smallImage.style.borderColor = smallImage.name == br ? '#d7450a' : '#ffffff';
}
}
function navImage(Im)
{
var newImg;
if (Im >= 0 && Im < arrLength)
{
newImg= (Im * 1) + 1;
var nextImg="<a href=\"javascript: showImage("+newImg+")\" title='Ďalší obrázok'>Ďalší obrázok » </a>";
document.getElementById("nextImage").innerHTML= nextImg ;
}
else
{
document.getElementById("nextImage").innerHTML= "" ;
}
if (Im > 1 && Im <= arrLength)
{
newImg= (Im * 1) - 1;
var prevImg="<a href=\"javascript: showImage("+newImg+")\" title='Späť obrázok'> « Späť obrázok </a>";
document.getElementById("prevImage").innerHTML= prevImg ;
}
else
{
document.getElementById("prevImage").innerHTML= "" ;
}
}
function navigation(pg)
{
var cel, im;
var ip1 = ( pg * 8) - 8;
var ip = ip1 ;
var poc = Math.ceil( arrLength / 8);
cel=(arrLength * 1)- ip;
if (cel > 8) { im= ( ip * 1) + 8; } else { im= (ip * 1) + cel ; }
var thumbN = new Array();
for(i=ip; i<im; i++)
{
var pIm= i+1;
thumbN[i] = "<a href=\"javascript: showImage('"+pIm+"');\"><img name='"+i+"' src=\"thumbnails.php?img=./userthumbs/"+arrayThumbs[i]+"&sirka=70\" alt=\""+arrayImages[i]+"\" title='"+arrayInfos[i]+"' style=\"margin: 3px; border: 2px solid #ffffff;\"> </a>";
}
thumbN =thumbN.join(" ");
document.getElementById("thumbs").innerHTML = thumbN;
// Navigacia Ďalšie
if (pg >=1 && pg < poc)
{
var arrow1 = "<img src=\"./icons/nextImg.gif\" style=\"margin-top: 20px\" title='Ďalšie náhľady'>" ;
var pageN = (pg * 1) + 1;
var next ="<a href=\"javascript: navigation("+pageN+");\">"+ arrow1 +"</a>";
}
else
{
var next ="";
}
document.getElementById('navNext').innerHTML = next;
// Navigacia Späť
if (pg >1 && pg <=poc)
{
var arrow2 = "<img src=\"./icons/prevImg.gif\" style=\"margin-top: 20px\" title='Späť náhľady'>" ;
var pageP = (pg * 1) - 1;
var prev ="<a href=\"javascript: navigation("+pageP+");\">"+ arrow2 +"</a>";
}
else
{
var prev ="";
}
document.getElementById('navPrev').innerHTML = prev;
}
</script>
Skus si ho opravit.
