Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New to the CF scene
    Join Date
    May 2009
    Posts
    2
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Help with Images and Image Galleries

    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.

  • #2
    New Coder
    Join Date
    Oct 2008
    Location
    Essex
    Posts
    22
    Thanks
    2
    Thanked 1 Time in 1 Post
    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?

  • Users who have thanked FunkyORACLE for this post:

    mteb123 (05-15-2009)

  • #3
    Senior Coder Rowsdower!'s Avatar
    Join Date
    Oct 2008
    Location
    Some say it's everything.
    Posts
    2,027
    Thanks
    5
    Thanked 397 Times in 390 Posts
    Quote Originally Posted by mteb123 View Post
    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/
    The object of opening the mind, as of opening the mouth, is to shut it again on something solid. G.K. Chesterton
    See Mediocrity in its Infancy
    It's usually a good idea to start out with this at the VERY TOP of your CSS: * {border:0;margin:0;padding:0;}
    Seek and you shall find... basically:
    validate your markup | view your page cross-browser/cross-platform | free web tutorials | free hosting

  • Users who have thanked Rowsdower! for this post:

    mteb123 (05-15-2009)

  • #4
    New to the CF scene
    Join Date
    May 2009
    Posts
    2
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by FunkyORACLE View Post
    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.

    Code:
     <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>


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •