xARCHANGELSx Posted February 24, 2014 Share Posted February 24, 2014 I have tried numerous html5 codes to display the NoDogSplash correctly on different screen sizes. Now these 3 images still display, but not correctly. I just each image to display properly for their screen size. It works fine on mobile devices, but doesn't display the whole image: Now, when you select the wifi SSID from your Network settings: Now, when you refresh the page on a browser, when connecting to a different SSID: Quote Link to comment Share on other sites More sharing options...
newbi3 Posted February 24, 2014 Share Posted February 24, 2014 I sounds to me like its a problem with your code... Please post it here wrapped in the code tags Quote Link to comment Share on other sites More sharing options...
xARCHANGELSx Posted February 24, 2014 Author Share Posted February 24, 2014 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>D-Link Guest Wifi Signin</title> <script type="text/javascript"> function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a)&&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.indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a;}} } function MM_findObj(n, d) { //v4.01 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[n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers.document); if(!x && d.getElementById) x=d.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))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } </script> </head> <!-- preload button2 --> <body onLoad="MM_preloadImages('$imagesdir/button2.png')"> <!-- background image --> <img src="$imagesdir/background.png" style="position: absolute; top: 0px; left: 0px" width="1300" height="950" /> <!-- On mouseover, swap button1 with button2 --> <a href="$authtarget" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image10','','$imagesdir/button2.png',1)"> <!-- button1 --> <img src="$imagesdir/button1.png" style="position: absolute; top: 700px; left: 520px; z-index: 1; width: 202px height="62"" id="Image10" /></a> </body> </html> Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.