Member Avatar for Inny 
<body  onload=function(){document.getElementById("place_holder").src =document.getElementById("imgurl").value;} >

<script>
function ResizeThem() {
maxheight=250;
maxwidth= 250;
imgs=document.getElementsByTagName("img");
for (p=0; p<imgs.length; p++) {
if (imgs[p].getAttribute("alt")=="user posted image") {
w=parseInt(imgs[p].width);
h=parseInt(imgs[p].height);
if (parseInt(imgs[p].width)>maxwidth) {
imgs[p].style.cursor="pointer";
imgs[p].setAttribute('alt','Reduced Image - Click to see full size');
imgs[p].onclick=new Function("document.getElementById('imgurl').value = this.src; iw=document.getElementById('this.src','viewer')open();iw.focus()");
imgs[p].height=(maxwidth/imgs[p].width)*imgs[p].height;
imgs[p].width=maxwidth;
}
if (parseInt(imgs[p].height)>maxheight) {
imgs[p].style.cursor="pointer";
imgs[p].onclick=new Function("document.getElementById('imgurl').value = this.src; iw=document.getElementById('this.src','viewer')open();iw.focus()");
imgs[p].width=(maxheight/imgs[p].height)*imgs[p].width;
imgs[p].height=maxheight;
}
}
}
}
ResizeThem();
</script>


<input type="hidden" id="imgurl">
<div id="Viewer" visibility="hidden" width="500" height="500" overflow="auto" >
<script type="text/javascript">window.onload = function(){document.getElementById("place_holder").src = window.opener.document.getElementById("imgurl").value;}
</script>
<center><img src="http://i14.photobucket.com/albums/a345/Instar/please_do_not_hotlink.gif" id="place_holder"></center>
<align="right"><form method="post">
<input type="text" value="Close Window X" 
onclick="window.close()">
</form></align>
</div>

css 

 #viewer
 {background-image:url(http://i14.photobucket.com/albums/a345/Instar/greenbgfade17oi.jpg);}
  • 3 Contributors
  • 5 Replies
  • 92 Views
  • 1 Day Discussion Span
  • Latest Post Latest Post by Inny
Member Avatar for ShawnCplus

OK, exactly what part isn't working. Please describe your problem

Member Avatar for Inny

I want the full size image to display in the div above the page.

ths part dosent work it just stops the code functioning. when the user clicks the reduced pic the floating div should display the full size image

imgs[p].onclick=new Function("document.getElementById('imgurl').value = this.src; iw=document.getElementById('this.src','viewer')open();iw.focus()");
Member Avatar for Inny

Solved it myself!

Member Avatar for peter_budo

Please share solution, it may help somebody...

Member Avatar for Inny

What? daniweb actually Help some poor bastard? yeah right! did you read the frustrating pointless 'Help' offered in this thread peter?

see reply this thread!

http://www.daniweb.com/forums/newpostinthread119207.html

Theres an Email function!
If somebody emails me who really wants to know, Id be happy to share, but im hardly feeling overwhelmed with gratitude
right now if you get my drift.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.