Free Weekly Tech Newsletter

corosus · 07-11-2005, 06:15 PM

HI

i'm building a portfolio website and i was wondering

i have a numebr of images (jpg's) taht i would like to see on a page named after the file (for instance IMG0031.jpg would sit on IMG0031.html) eatch with his own name above the foto

is there any tool that will do this in batch procesing????

thanks

**Force Flow** · 07-11-2005, 10:08 PM

You can use javascript. Here's the basic template I like to use:

PHP Code:


			
<SCRIPT LANGUAGE="JavaScript">

function showPic(fileName, picTitle)

{



    picWin = window.open("", "photo", "width=600, height=450, status, scrollbars, resizable, screenX=20, screenY=40, left=20, top=40");



    picWin.document.write('<html>');

    picWin.document.write('<head><title>' + picTitle + '</title></head>');

    picWin.document.write('<body bgcolor="black" text="white">');

    picWin.document.write('<p align="center"><img src="' + fileName + '"></p>');

    picWin.document.write('<p align="center">' + picTitle + '</p>');

    picWin.document.write('</body>');

    picWin.document.write('</html>');

    picWin.document.write('<center><a href="javascript:window.close();">Close Window</a></center>');



}

</SCRIPT>



// This is the code for the image links



<a href="" onclick="showPic('mypic.jpg', 'My Picture'); return false;" target="photo">Click Here For My Picture</a>



Just replace 'mypic.jpg' with your picture, make sure to include 'directory/mypic.jpg' if it's in another directory.



---------------------------------

More simple, but with no "close window" link:



In Head

function newWindow(about) {

    

   aboutWindow = window.open(about , 'aboutwin', 'toolbar=no, location=yes, scrollbars=no, resizable=no, width=640,height=480')

   

   aboutWindow.focus()

    

}

In body

<a  href="java script:newWindow('image.jpg')"><img src="thumbimage.jpg" alt=""></a>

**mairving** · 07-11-2005, 10:35 PM

Javascript could work, PHP would be better. Goal is to only have one page, and then call the images. Something pretty simple like:

PHP Code:


			
<img src="IMG<?php echo $image;?>.jpg">

then you could call the page via IMG.php?image=1001 . Too easy to do and only have to worry about having one page to change instead of 1000.

corosus · 07-13-2005, 06:19 AM

thkas guys that helped out a lot

***glc*** · 07-13-2005, 09:18 AM

Check out Irfanview. The thumbnail utility can create exactly what you want, then you can manually touch up the code as desired.

07-11-2005, 06:15 PM	#1
corosus Member (10 bit) Join Date: Jan 2002 Location: brussels Posts: 788	batch html page creation HI i'm building a portfolio website and i was wondering i have a numebr of images (jpg's) taht i would like to see on a page named after the file (for instance IMG0031.jpg would sit on IMG0031.html) eatch with his own name above the foto is there any tool that will do this in batch procesing???? thanks Share Share this post on Digg Del.icio.us Technorati Twitter

07-11-2005, 10:08 PM	#2
Force Flow Barefoot on the Moon! Staff Premium Member Join Date: Aug 2002 Location: Northeastern USA Posts: 13,382	You can use javascript. Here's the basic template I like to use: PHP Code: <SCRIPT LANGUAGE="JavaScript"> function showPic(fileName, picTitle) { picWin = window.open("", "photo", "width=600, height=450, status, scrollbars, resizable, screenX=20, screenY=40, left=20, top=40"); picWin.document.write('<html>'); picWin.document.write('<head><title>' + picTitle + '</title></head>'); picWin.document.write('<body bgcolor="black" text="white">'); picWin.document.write('<p align="center"><img src="' + fileName + '"></p>'); picWin.document.write('<p align="center">' + picTitle + '</p>'); picWin.document.write('</body>'); picWin.document.write('</html>'); picWin.document.write('<center><a href="javascript:window.close();">Close Window</a></center>'); } </SCRIPT> // This is the code for the image links <a href="" onclick="showPic('mypic.jpg', 'My Picture'); return false;" target="photo">Click Here For My Picture</a> Just replace 'mypic.jpg' with your picture, make sure to include 'directory/mypic.jpg' if it's in another directory. --------------------------------- More simple, but with no "close window" link: In Head function newWindow(about) { aboutWindow = window.open(about , 'aboutwin', 'toolbar=no, location=yes, scrollbars=no, resizable=no, width=640,height=480') aboutWindow.focus() } In body <a href="java script:newWindow('image.jpg')"><img src="thumbimage.jpg" alt=""></a> Share Share this post on Digg Del.icio.us Technorati Twitter __________________ There are two secrets to staying young, being happy, and achieving success. You have to laugh and find humor every day, and you have to have a dream.

07-11-2005, 10:35 PM	#3
mairving Staff Premium Member Join Date: Jul 1999 Location: Arlington, TN Posts: 5,538	Javascript could work, PHP would be better. Goal is to only have one page, and then call the images. Something pretty simple like: PHP Code: `<img src="IMG<?php echo $image;?>.jpg">` then you could call the page via IMG.php?image=1001 . Too easy to do and only have to worry about having one page to change instead of 1000. Share Share this post on Digg Del.icio.us Technorati Twitter __________________ Want to Make $$$$ with your Computer? No Risk! Simply press shift-4 four times in a row

07-13-2005, 06:19 AM	#4
corosus Member (10 bit) Join Date: Jan 2002 Location: brussels Posts: 788	thkas guys that helped out a lot Share Share this post on Digg Del.icio.us Technorati Twitter

07-13-2005, 09:18 AM	#5
*glc* Forum Administrator Staff Premium Member Join Date: May 2000 Location: Joplin MO Posts: 37,771	Check out Irfanview. The thumbnail utility can create exactly what you want, then you can manually touch up the code as desired. Share Share this post on Digg Del.icio.us Technorati Twitter

Need Some Help? Type Your Keywords Here:

Still Need Help? Type Your Keywords Here:

Free Weekly Tech Newsletter

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Display Modes	Rate This Thread
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode	Rate This Thread:

Subscribe to THE INSIDER

Need Some Help? Type Your Keywords Here:

Still Need Help? Type Your Keywords Here:

Free Weekly Tech Newsletter