View Full Version : Adding Picture gallery to webpage
mtb211
03-22-2009, 09:35 AM
HI,
For a few weeks now Ive been trying to install a picture gallery to my webpage... When I find a script that seems to be simple to install, I have trouble installing it correctly.. Does anyone know a simple picture gallery script that includes thumbnails and also a good set of instructions?
thanks so much
Matt
haukke45
03-28-2009, 07:56 AM
mtb211
I have a good picture gallery set up, and it is simple, it contains a swf and a html and 2 xml files all you have to do is put the html(iI named album)and the swf and the xmls file in the folder (Location) for your picture (you can rename album.html:)) then you put your thumbnails and pictures in any folder. all you have to do : (instructions) is re-write the locations and the description of where your pics and thumbs are in the config0.xml file (simple after you look at the config0.xml file ( I use notepad to edit)) <config>
<images>
<img name="name" src="folder name 4 large image here/name.jpg" description="\name" thm="folder name 4 thumb image here/name_th.jpg"/>
<img name="name" src="folder name 4 large image here/name.jpg" description="\name" thm="folder name 4 thumb image here/name_th.jpg"/>
<img name="name" src="folder name 4 large image here/name.jpg" description="\name" thm="folder name 4 thumb image here/name_th.jpg"/>
<img name="name" src="folder name 4 large image here/name.jpg" description="\name" thm="folder name 4 thumb image here/name_th.jpg"/>
<img name="name" src="folder name 4 large image here/name.jpg" description="\name" thm="folder name 4 thumb image here/name_th.jpg"/>
<-- etc. etc. (erase this line) -->
</images>
<params>
<TITLE>Your Title Here</TITLE>
<scalemode>100</scalemode>
<th_sizex>140</th_sizex>
<th_sizey>105</th_sizey>
<th_text_color>#000000</th_text_color>
<th_frame_color>#eeeeee</th_frame_color>
<fl_text_color>#000000</fl_text_color>
<fl_frame_color>#E9A9F0</fl_frame_color>
<pb_bar_color>#E9A9F0</pb_bar_color>
<pb_rect_color>#E08594</pb_rect_color>
<pb_frame_color>#F4CEAC</pb_frame_color>
<pb_text_color>#ffffff</pb_text_color>
<itb_rect_color>#F4CEAC</itb_rect_color>
<itb_frame_color>#ffffff</itb_frame_color>
<tb_rect_color>#F4CEAC</tb_rect_color>
<tb_frame_color>#ffffff</tb_frame_color>
<tb_text_color>#000000</tb_text_color>
<sb_rect_color>#F4CEAC</sb_rect_color>
<sb_frame_color>#ffffff</sb_frame_color>
<sb_text_color>#000000</sb_text_color>
<im_rect_color>#f6ab00</im_rect_color>
<im_frame_color>#ffffff</im_frame_color>
<tb_logo_text>Back</tb_logo_text>
<tb_logo_link>javascript:void(history.back());</tb_logo_link>
<tb_logo_color>#ffffff</tb_logo_color>
<SLIDESHOWINTERVAL>5000</SLIDESHOWINTERVAL>
<hide_single>Yes</hide_single>
<href_target>_top</href_target>
</params>
</config>
if want you can change the coloring too. nothing else!
plus you can have different galleries just put the 3 files in dif folders for dif galleries and re-write the config0.xml file and change the name of the album.html and if want the album.swf lol. (if your interested contact me on yahoo (furtsy@yahoo.com) ok only rename the html. and edit the location of the pictures and thumbnails in the config0.xml file
you can edit the wording in the labels.xml (just don't mess with the structure :)) <labels>
<loading_config>Loading configuration</loading_config>
<loading_config_failed>Failed to load configuration</loading_config_failed>
<loading>Loading...</loading>
<next>NEXT</next>
<previous>PREVIOUS</previous>
<zoom_in> Zoom In </zoom_in>
<zoom_out> Zoom Out </zoom_out>
<zoom_orig> Zoom 100% </zoom_orig>
<fit_window> Fit Window </fit_window>
<slide_show> Slide Show On/Off </slide_show>
<go_up_level> Browse UP </go_up_level>
<status_image>Pictures</status_image>
<status_of>of</status_of>
</labels> where ever you put the html make sure it knows where the swf is ok. the config0.xml , labels.xml and the swf
must be in the same folder.
<HTML>
<HEAD>
<style><!--
html, body{
padding: 0px;
margin: 0px;
height: 100%;
background-color: #f6ab00;
}
--></style>
<TITLE>Your Gallerry Title Here</TITLE>
</HEAD>
<BODY scroll="yes">
<table border="0" cellpadding="10" cellspacing="0" width="100%" height="100%">
<tr><td align="center">
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" WIDTH="100%" HEIGHT="100%" id="album" ALIGN="center">
<PARAM NAME="movie" VALUE="album.swf"/>
<PARAM NAME="quality" VALUE="high"/>
<PARAM NAME="bgcolor" VALUE="#f6ab00"/>
<EMBED src="album.swf" quality="high" bgcolor="#ED9649" WIDTH="100%" HEIGHT="100%" NAME="album" ALIGN="center" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"/>
</OBJECT>
</td></tr></table>
</BODY>
</HTML>
you can rename the album.swf but make sure in this album.html, you do the same:)
do not rename the xml files!!!
my zip with all four files is 86.0kb if you want it contact me on yahoo or message me here.
haukke45
03-28-2009, 08:02 AM
I also have aim to lol
vBulletin® v3.6.7, Copyright ©2000-2009, Jelsoft Enterprises Ltd.