click to enlarge

by PK on Tue Jun 26, 2007 6:14 pm

alright, this may be a DW question, but first: I would like to have thumbs of my fotos, then a middle size when clicked, then the largest size. Ive seen sites where there are three boxes in the corner, s,m,l, and you click the empty box to enlarge the foto. Does this make sense to anyone?

My camera takes them all at 3264x2448 px. so that obviously would be the largest size, but what is a good size to use for the middle and thumbnail, is there any standard?

My 2nd post, hoping for as good an answer as I got in my 1st :lol:

Txs...

by **abhijeet_thomas** on Thu Jun 28, 2007 7:09 am

REPLACE ABHIJEET.GIF AND ABHIJEET2.GIF WITH YOUR TWO ICON FILE AND IN THE HREF GIVE THE PATH OF THE LARGEST IMAGE THAT YOU WANT FOR THE FINAL DISPLAY.
<html>
<head>
<title>MM_SwapImage</title>
<script language="JavaScript">

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.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[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && document.getElementById) x=document.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];}
}

</script>
</head>
<body topmargin=4 leftmargin=4 onload="JavaScript:startclock();MM_preloadImages('images/registrationButn_r2_c2_f2.gif','images/registrationButn_r4_c2_f2.gif','images/registrationButn_r6_c2_f2.gif','images/registrationButn_r8_c2_f2.gif','images/registrationButn_r10_c2_f2.gif','images/registrationButn_r12_c2_f2.gif','images/registrationButn_r14_c2_f2.gif')">
<form name="HomePage" method="post">
<script>
javascript:window.history.forward(1);
if (document.all)
{
document.onkeydown = function ()
{
var key_f5 = 116; // 116 = F5
if (key_f5==event.keyCode)
{
event.keyCode=0;
//alert ("F5 was press!");
}
return false;
}
}
</script>
<table width="10%" border="1" bordercolor="red" cellspacing="0" cellpadding="0" id="txtmenu">
<tr id=iup align="left">
<td height="15" align="left" nowrap>
<a href="D:\Abhijeet\Images\Jsdsd\sdcwdsd.bmp" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('Image 01','','abhijeet.gif',1);"><img name="Image02" src="Abhijeet2.gif" width="167" height="46" border="0" bordercolor="red" alt="" ></a>
</td>
</tr>

</body>
</html>

by PK on Thu Jun 28, 2007 7:49 am

txs 4 ur reply.

I am still a bit confused. You said: REPLACE ABHIJEET.GIF AND ABHIJEET2.GIF WITH YOUR TWO ICON FILE AND IN THE HREF GIVE THE PATH OF THE LARGEST IMAGE THAT YOU WANT FOR THE FINAL DISPLAY.

do you mean place my image in this string? <a href="D:\Abhijeet\Images\Jsdsd\sdcwdsd.bmp" onmouseout="MM_swapImgRestore();" onmouseover="MM_swapImage('Image 01','','abhijeet.gif',1);"><img name="Image02" src="Abhijeet2.gif" width="167" height="46" border="0" bordercolor="red" alt="" ></a>

I really dont know that much HTML but use DW, but might you help a newbee? Where exactly should I swap you files for mine? Appreciate it...

click to enlarge

click to enlarge

Who is online