pz3 Posted January 25, 2006 Share Posted January 25, 2006 OK so im building me a webpage offline at the moment. Image Ok So this is what I want to do. The images on the left I want to scroll with mouse movement and be selectable. Now when I select them I want them to load an HTML page wich will be inside the light grey area. and hold on it gets better The 2 images on the bottom right. I also want it so when you click on them it loads a new image. I.E. Im going to use that part for showing wireframe and solid renders/ textured versions of my models / renders etc.... any help would be appreciated on how I can do this and make it offline but for online use and not make the file sizes to large so I can use this on the internet one day. Quote Link to comment Share on other sites More sharing options...
pz3 Posted January 25, 2006 Author Share Posted January 25, 2006 (edited) bassicly i can do it all already except I need the left side to be scrollable to load a html file into a frame Edited January 25, 2006 by Prozac360 Quote Link to comment Share on other sites More sharing options...
deleyt Posted January 25, 2006 Share Posted January 25, 2006 You'll need a PHP, DHTML or Java applet to make the images scroll and clickable. Google for strings: image vertical scroll I found this one to be very handy: TimelyWeb, Vertical Scroll Quote Link to comment Share on other sites More sharing options...
BornToKill Posted January 25, 2006 Share Posted January 25, 2006 You got a number of options. If your main area will be pages with text and images ect.. build the page as a frame set top,left and main or use and inline frame for the main area <iframe> tag. You can then create anchor links <a> tags using the target="" attribute to load in pages in the main framset. This would invlove wrapping your images <img> tags with <a> tags. You'll need to add border="0" to the img tags to prevent the blue/purple borders that appear on link images. Or create an image map or add an Onclick attribute to your image tags. use javascript to handle the click events by changing the src="" attribute of the iframe/main framset. If the main area is just images you can use <div> tags to define an area on the page your images are loaded/displayed in. Using onclick events to change the src="" of the image within your defined area. If you want any Javascript coding for you navigation i may be able to help as i'm a web developer.Javascripts one of my main fields. If you want to view this page locally on your PC you'll need to install a webserver on your PC. Apache is the most common and is free. READ first the instructions on installing Apache, its easy but make sure you understand the instructions before installing it. Then you'll be able to view the page as it would on the Web from your Local server. Quote Link to comment Share on other sites More sharing options...
pz3 Posted January 25, 2006 Author Share Posted January 25, 2006 thanks for the help guys, should get me going a little bit better 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.