Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Apr 2005
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Adding Scrollbars

    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:

    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:

    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>

  • #2
    Banned
    Join Date
    Sep 2003
    Posts
    3,620
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •