...

View Full Version : Adding Scrollbars



Man of Wonder
04-03-2005, 06:58 AM
Hi

I Found A Code That I Would Like To Use, But I Was Wondering If Somebody Could Tweak It For Me...It's A Code That Allows An Image To Pop Up When You Click On A Thumbnail...Well The Only Problem Is, Is That It Doesn't Allow Scrollbars And Just Shrinks The Image...So I Was Wondering If ANybody Could Add Scrollbars To The Code...I've Posted The Code Under This...If Anybody Could Help, It Would Be Mostly Appreciated:

Javascript Code:


<script language="JavaScript" type="text/JavaScript">
<!--
function JustSoPicWindow(imageName,imageWidth,imageHeight,alt,bgcolor,hugger,hugMargin) {
// by E Michael Brandt of ValleyWebDesigns.com - Please leave these comments intact.
// version 3.0.4

if (bgcolor=="") {
bgcolor="#FFFFFF";
}
var adj=10
var w = screen.width;
var h = screen.height;
var byFactor=1;

if(w<740){
var lift=0.90;
}
if(w>=740 & w<835){
var lift=0.91;
}
if(w>=835){
var lift=0.93;
}
if (imageWidth>w){
byFactor = w / imageWidth;
imageWidth = w;
imageHeight = imageHeight * byFactor;
}
if (imageHeight>h-adj){
byFactor = h / imageHeight;
imageWidth = (imageWidth * byFactor);
imageHeight = h;
}

var scrWidth = w-adj;
var scrHeight = (h*lift)-adj;

if (imageHeight>scrHeight){
imageHeight=imageHeight*lift;
imageWidth=imageWidth*lift;
}

var posLeft=0;
var posTop=0;

if (hugger == "hug image"){
if (hugMargin == ""){
hugMargin = 0;
}
var scrHeightTemp = imageHeight - 0 + 2*hugMargin;
if (scrHeightTemp < scrHeight) {
scrHeight = scrHeightTemp;
}
var scrWidthTemp = imageWidth - 0 + 2*hugMargin;
if (scrWidthTemp < scrWidth) {
scrWidth = scrWidthTemp;
}

if (scrHeight<100){scrHeight=100;}
if (scrWidth<100){scrWidth=100;}

posTop = ((h-(scrHeight/lift)-adj)/2);
posLeft = ((w-(scrWidth)-adj)/2);
}

if (imageHeight > (h*lift)-adj || imageWidth > w-adj){
imageHeight=imageHeight-adj;
imageWidth=imageWidth-adj;
}
posTop = parseInt(posTop);
posLeft = parseInt(posLeft);
scrWidth = parseInt(scrWidth);
scrHeight = parseInt(scrHeight);

var agt=navigator.userAgent.toLowerCase();
if (agt.indexOf("opera") != -1){
var args= new Array();
args[0]='parent';
args[1]=imageName;
var i ; document.MM_returnValue = false;
for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
} else {
newWindow = window.open("vwd_justso.htm","newWindow","width="+scrWidth+",height="+scrHeight+",left="+posLeft+",top="+posTop);
newWindow.document.open();
newWindow.document.write('<html><title>'+alt+'</title><body leftmargin="0" topmargin="0" marginheight="0" marginwidth="0" bgcolor='+bgcolor+' >');
newWindow.document.write('<table width='+imageWidth+' border="0" cellspacing="0" cellpadding="0" align="center" height='+scrHeight+' ><tr><td>');
newWindow.document.write('<img src="'+imageName+'" width='+imageWidth+' height='+imageHeight+' >');
newWindow.document.write('</td></tr></table></body></html>');
newWindow.document.close();
newWindow.focus();
}
}

function Lvl_openWin(u,n,w,h,l,t,c,f) { //v2.2 4LevelWebs
var x=((screen.width-w)/2);if(c==1){l=x;t=(screen.height-h)/2;}if(c==2){l=x}
f+=',top='+t+',left='+l;LvlWin=window.open(u,n,f);LvlWin.focus();
}
//-->
</script>

Action Code:


<a href="javascript:;" onClick="JustSoPicWindow('manofwonderland.vzz.net/graphic-design-scans-wrestlers-big-show-kurt-angle-1-thumbnail.jpg','728','600','TNA Wrestling','#000000','hug image','0');return document.MM_returnValue"><img src="graphic-design-scans-wrestlers-big-show-kurt-angle-1-thumbnail.jpg" border="0"/></a>

Willy Duitt
04-04-2005, 06:23 AM
Why would you need or want scroll bars??

That script is expecting you to pass the image size thru the function call here:
onClick="JustSoPicWindow('manofwonderland.vzz.net/graphic-design-scans-wrestlers-big-show-kurt-angle-1-thumbnail.jpg','728','600',....

But if you search this forum you will find numerous example scripts which predetermine the image size itself... Thus, saving you the trouble...

.....Willy



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum