...

View Full Version : Help with Images and Image Galleries



mteb123
05-14-2009, 11:26 AM
Desperatley need help, l have little html, Xhtml and CSS knowledge, but really need help. I have a website www.mervynboriwondo.co.uk and currently using sitebuilder to create my site which is provided by the host, but it does allow for one to add their own html.

What l want to be able to do is create a more fluid image gallery, one that isnt static as it is now, a good example of the kind of image gallery l would like to create is www.nicolaformichetti.com.

Ideally l would like to keep elements of sitebuilder but implement and use various additional coding to create the desired image gallery.

Any help would be greatly appreciated l've tried various codes and have been unsuccessfull, so anyone who could help me to put together an ideal code that works with sitebuilder, or offer any help of any kind will be much appreciated.

FunkyORACLE
05-14-2009, 02:41 PM
Can you post your html into here using [ code ][/code ] without the spaces.

I dont know if you looked at the source code but that sliding motion is using a javascript library call jquery. If you want some effects like this then you need to download the jquery library and add it in your header. It is also using a plugin called coda-slider.1.1.1

Where are you storing the pictures? do you have a mysql database?

Rowsdower!
05-14-2009, 02:52 PM
Desperatley need help, l have little html, Xhtml and CSS knowledge, but really need help. I have a website www.mervynboriwondo.co.uk and currently using sitebuilder to create my site which is provided by the host, but it does allow for one to add their own html.

What l want to be able to do is create a more fluid image gallery, one that isnt static as it is now, a good example of the kind of image gallery l would like to create is www.nicolaformichetti.com.

Ideally l would like to keep elements of sitebuilder but implement and use various additional coding to create the desired image gallery.

Any help would be greatly appreciated l've tried various codes and have been unsuccessfull, so anyone who could help me to put together an ideal code that works with sitebuilder, or offer any help of any kind will be much appreciated.
The gallery in your link is a Flash item. You might take a look at these for starters:
http://www.imagevuex.com/
http://www.flashimagegallery.com/
http://www.airtightinteractive.com/simpleviewer/

mteb123
05-15-2009, 01:29 AM
Can you post your html into here using [ code ][/code ] without the spaces.

I dont know if you looked at the source code but that sliding motion is using a javascript library call jquery. If you want some effects like this then you need to download the jquery library and add it in your header. It is also using a plugin called coda-slider.1.1.1

Where are you storing the pictures? do you have a mysql database?


Thanks for the help, I have uploaded the images from my pc to the sitebuilder picture gallery folder. So what l want to be able to do if possible is to implement these features into my already built site. Again apologies as lm a begginer and have little experience in this field.

Here is some of the code not all of it.


<html>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<META http-equiv="Expires" content="0">
<META name="TRELLIX_BUILDER_VER" content="1.0"><META name="TRELLIX_OPEN_SITE_COMMAND" content="http://twe02.build.sitebuilderservice.com:80/trellix/sitebuilder/SiteBuilderServlet?fUrl=/trellix/sitebuilder/f_error.html&sUrl=/trellix/sitebuilder/f_edit_page.html&Command=OpenSite&FileName=1638696150204342194/site.xml"></META>
<!--base href="http://www.mervynboriwondo.co.uk/"-->
<!--/base--><script language="Javascript"><!--
document.isTrellix = 1;
// --></script><title>PORTFOLIO 1</title>
<meta name="description" content="Fashion Stylist Portfolio">
<meta name="keywords" content="Fashion, Stylist, Portfolio">
</HEAD>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" link="#000000" vlink="#000000" alink="#000000" bgcolor="#ffffff" style="background-image: url(/imagelib/sitebuilder/layout/spacer.gif); background-repeat: no-repeat;">
<table width="760" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td height="48" style="background-image: url(/imagelib/sitebuilder/layout/spacer.gif); background-repeat: no-repeat;">
<table width="760" border="0" cellspacing="0" cellpadding="10">
<tr>
<td align="RIGHT"></td>
</tr>
</table>
</td>
</tr>
<tr bgcolor="ffffff">
<td style="background-image: url(/imagelib/sitebuilder/layout/spacer.gif); ">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="1"><img src="/imagelib/sitebuilder/layout/spacer.gif" width="1" height="1" border="0" alt=""></td>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="8">
<tr>
<td align="center">
<!--navbar Type="horiz" uses-text="Y" face="Verdana,Arial,Helvetica,sans-serif" size="2" color="#000000" style=""--><font face="Verdana,Arial,Helvetica,sans-serif" size="2" color="#000000"><a class="NavBar" href="index.html"><font color="#000000">MERVYN BORIWONDO</font></a></font><font color="#000000"> | </font><font face="Verdana,Arial,Helvetica,sans-serif" size="2" color="#000000"><a class="NavBar" href="info.html"><font color="#000000">INFO</font></a></font><font color="#000000"> | </font><font face="Verdana,Arial,Helvetica,sans-serif" size="2" color="#000000"><a class="NavBar" href="editorial.html"><font color="#000000">EDITORIAL</font></a></font><font color="#000000"> | </font><font face="Verdana,Arial,Helvetica,sans-serif" size="2" color="#000000"><a class="NavBar" href="portfolio1.html" style="text-decoration: none;"><font color="#000000"><b>PORTFOLIO 1</b></font></a></font><font color="#000000"> | </font><font face="Verdana,Arial,Helvetica,sans-serif" size="2" color="#000000"><a class="NavBar" href="portfolio2.html"><font color="#000000">PORTFOLIO 2</font></a></font><font color="#000000"> | </font><font face="Verdana,Arial,Helvetica,sans-serif" size="2" color="#000000"><a class="NavBar" href="contact.html"><font color="#000000">CONTACT</font></a></font>
<!--/navbar-->
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr bgcolor="#ffffff">
<td style="background-image: url(/imagelib/sitebuilder/layout/spacer.gif); ">
<table width="760" border="0" cellspacing="0" cellpadding="10">
<tr>
<td>
<!--area Type="subhead" face="Verdana,Arial,Helvetica,sans-serif" size="3" color="000000" style="3"-->
<!--/area Type="subhead"-->
<!--area Type="main" face="Verdana,Arial,Helvetica,sans-serif" size="2" color="000000" style="0"--> <p><font face="Verdana,Arial,Helvetica,sans-serif" size="2" color="000000"><DIV align=LEFT><FONT face="Eras Light ITC">PORTFOLIO 1</FONT><!--"''"--></DIV>
</font>
</p>
<p>
<!--table tableId="table_d2e15"--><style type="text/css">
<!--
.table_d2e15 {
border: 1px none;
width: 100%;

border-color: #000000;
}
.table_d2e15 td {
border: 0px none;
border-color: #000000;
}
--></style>
<table border="0" width="100%" PrintLinkText="Show a print version" PrintOption="noPrint" TlxClass="table_template" bordercolor="#000000" cellpadding="4" cellspacing="0" class="table_d2e15 usertable main_table">
<tr>
<td class="user main" background="/imagelib/sitebuilder/layout/spacer.gif">
<p>
<!--table tableId="table_d2e18"--><style type="text/css">
<!--
.table_d2e18 {
border: 1px none;
width: 100%;
border-color: #000000;
}
.table_d2e18 td {
border: 0px none;
border-color: #000000;
}
--></style>
<table border="0" width="100%" PrintLinkText="Show a print version" PrintOption="noPrint" TlxClass="table_template" bordercolor="#000000" cellpadding="4" cellspacing="0" class="table_d2e18 usertable main_table">
<tr>
<td class="user main">
<div align="left"><a href="/imagelib/sitebuilder/misc/show_image.html?linkedwidth=actual&amp;linkpath=http://www.mervynboriwondo.co.uk/sitebuildercontent/sitebuilderpictures/shot02acopy.jpg&amp;target=_self" target="_self"><font color="000000"><img alt="shot02acopy.jpg" border="" src="sitebuildercontent/sitebuilderpictures/shot02acopy.jpg" vspace="0" hspace="0" width="130"></font></a></div>
</td>
<td class="user main">
<div align="left"><a href="/imagelib/sitebuilder/misc/show_image.html?linkedwidth=actual&amp;linkpath=http://www.mervynboriwondo.co.uk/sitebuildercontent/sitebuilderpictures/shot01acopy.jpg&amp;target=_self" target="_self"><font color="000000"><img alt="shot01acopy.jpg" border="" src="sitebuildercontent/sitebuilderpictures/shot01acopy.jpg" vspace="0" hspace="0" width="130"></font></a></div>
</td>
</table>
</body>
</html>



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum