HTML - Image Gallery For Ebay

This is my first post here. Hi and thanks in advance for any future help anyone may be able to offer.

I am not very good at html and I have just received a class assignment that I am having a lot of trouble doing. I am not having much luck finding tutorials that create an image gallery.

Here is the assignment I have to do:

Quote:
In your previous assignments, you may have found that when you click on a gallery item in someone's gallery, you are shown a larger version of the image with more information about the piece. This is called a "detail" page. Your assignment is to design (using text only) a 600 pixel by 400 pixel detail page that includes an area for a main image, a description, next and previous buttons, and a close window button. Then collect five placeholder images from the Web. Create one detail page for each of your five placeholder images. For each image, write a short description that includes an unordered or ordered list. Also, remember to cite the sources from where you got the images unless they are your own images. Then link these pages together so the previous and next buttons send the user back and forth through the list of images. Remember that just because these are images now, you can easily replace the images with programs or files you create later on. Put each of your detail pages into a single folder, zip the folder, and upload the zip.
I am really unsure how to get started. Thanks.

Hello,

Do you know any HTML/Javascript/JQuery photo gallery which behave like this flash gallery?

http://www.erwinolaf.com/#/portfolio..._2001/gallery/

The point is images :

1- Images does not show in a modal popup window.
2- When each thumbnail selected , current image animate to left and selected image also shown with comming from right to left.

Thanks


Mazdak

Hi everyone. I'm after an image gallery for my site like the one found here . I have found the Ajax image gallerys quite nice, but don't have the ability to scroll through the thumbnails if there is more than, say, 5 displayed. Does anybody know of any similar scripts or whatever to get a better result to the mentioned website. TIA, n00b Daniel

How do I get my image gallery to work? [html]

Example
I am trying to do exactly what they have done here, with the image thumbs on the same table, and the next button will scroll through them.

My Result


Whats going on?

p.s. i have attached the HTML file in the zip folder, and if u dont want to download that i have attached it as a txt file.

Hi All,
I have an issue with image gallery javascript that i am using to view the images, Image gallery type what i use is "colorbox" javascript which i found on the net. This is what i am doing:

I have an html page which would display the records from the xml file...everything works fine as expected, the problem here is with the image gallery, my xml records have images. I have 3 frames , left, center and right pages...the content page displays the records. Let say i have about 15 records which displays records of the student with their pictures. ..the issue here is when i click on the image of the 15th student way down the page, image loads up at the center of the content page, i have to scroll up to view the image...similarly if i open 1st record of the student, it takes the center of the all the 15 records and image appears at the center and i would have to scroll down to view 1st student picture. I want the image to displayed where the picture is seen, i shouldnt be scrolling up and down to view the page.

Any idea, how to overcome this? If I view individually instead in the iframe..image loads exactly where the pic is, i need not scroll up and down.

Hope i was clear in explaining my problem

Any help is highly appreciated..

Hi all i need some help. I have created a simple gallery with a large image and smaller images to the left of it, when the small images are clicked they change to the large image, see an example here http://vfashion.co.uk/help/example.html

but i want to be able to add a link below the main image so when its clicked the current image that is displaying large will open up in a new window.

how would i do this???

the code for the page is below please can someone help me

Code:

<head>
<meta content="en-gb" http-equiv="Content-Language">
<style type="text/css">
.auto-style1 {
	margin-bottom: 0px;
}
</style>
</head>

<TABLE id=table1 height=164 cellSpacing=0 cellPadding=0 width=605 border=0 class="auto-style1">
<TR>
<TD vAlign=top width=603 colSpan=2 height=20><B><FONT face=Arial color=#333333></FONT></B></TD></TR>
<TR>
<TD vAlign=top height=106 style="width: 200px">
<DIV align=center>
<TABLE id=table2 cellSpacing=0 cellPadding=0 width=147 border=0>
<TBODY>
<TR>
<TD height=10></TD></TR>






<TR>



</TR>








<TR>
<TD height=5><div align="center">
	<table border="0" width="147" cellspacing="0" cellpadding="0" id="table23">
		<tr>
			<td align="center" colspan="2" height="10"></td>
		</tr>
		<tr>
			<td align="center">
			<img style="border-color: cccccc" alt="" src="1.jpg" width=70 border=1 onclick=document.url.src="1.jpg" onmouseover=this.style.cursor=hand onmouseout=this.style.cursor=pointer /></td>
			<td align="center">
			<img style="border-color: cccccc" alt="" src="2.jpg" width=70 border=1 onclick=document.url.src="2.jpg" onmouseover=this.style.cursor=hand onmouseout=this.style.cursor=pointer /></td>
		</tr>
		<tr>
			<td align="center"></td>
			<td align="center"></td>
		</tr>
		<tr>
			<td align="center">
			<img style="border-color: cccccc" alt="" src="3.jpg" width=70 border=1 onclick=document.url.src="3.jpg" onmouseover=this.style.cursor=hand onmouseout=this.style.cursor=pointer /></td>
			<td align="center">
			<img style="border-color: cccccc" alt="" src="4.jpg" width=70 border=1 onclick=document.url.src="4.jpg" onmouseover=this.style.cursor=hand onmouseout=this.style.cursor=pointer /></td>
		</tr>
		<tr>
			<td align="center"></td>
			<td align="center"></td>
		</tr>
		<tr>
			<td align="center">
			<img style="border-color: cccccc" alt="" src="5.jpg" width=70 border=1 onclick=document.url.src="5.jpg" onmouseover=this.style.cursor=hand onmouseout=this.style.cursor=pointer /></td>
			<td align="center">
			<img style="border-color: cccccc" alt="" src="6.jpg" width=70 border=1 onclick=document.url.src="6.jpg" onmouseover=this.style.cursor=hand onmouseout=this.style.cursor=pointer /></td>
		</tr>
	</table></TD></TR></TBODY></TABLE></DIV></TD>
<TD vAlign=top width=405 height=40 rowSpan=3>
<P align=center>
<img src="1.jpg" alt="" name="url" width="380" border="0" id="url"></P>
<P align=center>
Click to enlarge</P></TD></TR>
<TR>
<TD vAlign=top height=106 style="width: 200px">
&nbsp;</TD>
	</TR>

Hi,
I need HTML code for image gallery like this or similar one.
The most importand is the left&right arrows.
Thanks for who try to help.

Hey. I'm relatively new to web design. I've made a gallery of photo's using this code:

<INPUT type="image" src="image.ext" onClick="window.open('http://www.website/image.jpg,'mywindow','width=400, height=600')">

because I wanted all photo's to pop up in a new window, and with specified dimensions. This code works great, but I want to have the "rolleover" effect, where you can put the mouse over it and it changes the photo, such as with this code:

<body>
<a href="zstore.html" onmouseover='rollover.src="http://ollertonmusic.com/images/ministudio1.jpg"' onmouseout='rollover.src="http://ollertonmusic.com/images/ministripes.jpg"'>
<img src="http://ollertonmusic.com/images/ministripes.jpg" name="rollover">
</a>

I want to be able to have the image have the "rollover" effect when the curser touches the photo, AND open in a new window with specified dimensions. And I'm wondering where to add in the ALT tag. Thanks!

hello, i've placed an image gallery to my website . i am unable to align it to the center,

Hi, i had an existing ad that I made with turbolister, i tried a template and added two pictures and a background, i accidently deleted the pictures off my computer and messed it all up. So i restored everything back and it is still missing on ebay. i should tell you that i was not using a online host just my computer to store the pictures, it seemed to be working fine until being the doo doo i am messed it all up. So i tried again and once it gets online its not showing the pictures. The backgrounds are there but not the pictures. I am so lost. Please any help would be appreciated. The backgrounds are also only stored on my computer but remain online in the listing. Its just the pictures that I am having problems with, maybe it is impossible to be offline and only have your computer as the host??? Not sure.
You html people are amazing it is soooooo confusing.
Here are the codes.

Barbie doll Lot
<TABLE cellPadding=20 width="100%" bgColor=#c0c0c0 background="C:\Documents and Settings\Sandi McElwain\My Documents\My Pictures\imagehost\texture1.jpg" border=4>



<TR>

<TD>

<TABLE cellSpacing=0 cellPadding=2 width="75%" bgColor=#d3d3d3 border=2>



<TR>

<TD><!--Your background image's URL on the next line (again)-->

<TABLE cellPadding=2 width="100%" bgColor=#c0c0c0 background="C:\Documents and Settings\Sandi McElwain\My Documents\My Pictures\imagehost\texture1.jpg" border=1>



<TR>

<TD>

<TABLE cellPadding=10 width="100%" bgColor=#d3d3d3 border=1>



<TR>

<TD>

<DIV align=center>

<TABLE cellPadding=2 bgColor=#d3d3d3 border=2>



<TR>

<TD><!--Your item's picture, next line--><IMG src="C:\Documents and Settings\Sandi McElwain\My Documents\My Pictures\cam pics\EBAY RIGHT NOW\ebay 387.jpg"> </TD></TR></TABLE>

<P><!--Don't need a 2nd picture? Delete everything between these two comments-->

<TABLE cellPadding=2 bgColor=#d3d3d3 border=2>



<TR>

<TD><IMG src="C:\Documents and Settings\Sandi McElwain\My Documents\My Pictures\cam pics\EBAY RIGHT NOW\ebay 386.jpg"> </TD></TR></TABLE>

<P><!--Don't need a 2nd picture? Delete everything between these two comments--><FONT size=6><!--Item's title gets input on the line below this

one--><B></B></FONT></P>

<P><FONT color=#00005e size=6><STRONG>HUGE LOT OF BARBIE DOLLS AND ACCESSORIES</STRONG></FONT></P></DIV><FONT color=#000000 size=+1>

<P align=left><STRONG><FONT size=5>THIS IS A HUGE LOT OF STUFF:</FONT></STRONG></P>

<P align=left><STRONG><FONT size=5>I DONT KNOW VERY MUCH ABOUT BARBIES, NOT SURE OF THE NAMES OF THEM AND THE YEARS ARE CONFUSING.</FONT></STRONG></P>

<P align=left><STRONG><FONT size=5>10 DOLLS, LOTS OF CLOTHES, SURF BOARD, FURNITURE, 2 BACKGROUNDS... MUCH MUCH MORE</FONT></STRONG></P>

<P align=left><STRONG><FONT size=5>I DONT HAVE TIME TO LIST EVERYTHING, BUT IF YOU HAVE ANY QUESTIONS PLEASE ASK AND I WILL GET BACK TO YOU QUICKLY.</FONT></STRONG></P>

<P align=left><STRONG><FONT size=5>CONDITIONS VERY, BUT MOSTLY EVERYTHING IS IN EXCELLENT - VERY GOOD CONDTION. PLEASE SEE PHOTOS.</FONT></STRONG></P>

<P align=left><STRONG><U><FONT color=#00005e size=5>SHIPPING</FONT></U></STRONG></P>

<P align=left><STRONG><FONT size=5>SHIPPING TO CANADA:$14.00</FONT></STRONG></P>

<P align=left><STRONG><FONT size=5>SHIPPING TO U.S.:$15.00</FONT></STRONG></P>

<P align=left><STRONG><FONT size=5>INTERNATIONAL:$22.00</FONT></STRONG></P>

<P align=left><STRONG><FONT size=5>THIS PRICE WILL INCLUDE INSURANCE FOR YOUR PROTECTION.</FONT></STRONG>&nbsp;</P>

<P align=left><STRONG><U><FONT size=5></FONT></U></STRONG>&nbsp;</P>

<P align=left><STRONG><U><FONT color=#00005e size=5>RETURN AND REFUND POLICY</FONT></U></STRONG></P>

<P align=left><STRONG><FONT color=#0000ff>IF YOU ARE NOT HAPPY FOR ANY REASON WITH YOUR PURCHASE PLEASE CONTACT ME AND WE WILL WORK SOMETHING OUT. SO BID WITH CONFIDENCE.</FONT></STRONG></P>

<P align=left><STRONG><U><FONT color=#00005e size=5>PAYMENT</FONT></U></STRONG></P>

<P align=left><STRONG><FONT color=#0000ff>I WILL ALLOW TIME IF YOU ARE CONSIDERING PURCHASING OTHER ITEMS OR IF YOU JUST NEED TIME TO GATHER FUNDS, JUST TELL ME WHAT YOUR NEEDS ARE.</FONT></STRONG></P>

<P align=left><STRONG><FONT color=#0000ff>I ACCEPT PAYPAL AND MONEY ORDERS - BUT THE MONEY ORDER MUST BE CONVERTED TO CANADIAN FUNDS SO I CAN CASH IT.</FONT></STRONG></P><!--Redundant and boring, I know, but the description text goes on the next line--></FONT></TD></TR></TABLE></TD></TR></TABLE></TD></TR></TABLE></TD></TR></TABLE>

<DIV align=center><FONT face="verdana,helvetica,arial,sans serif" color=#000080 size=1>Free auction templates <A href="http://auctionsupplies.com/templates/" target=_blank><IMG height=31 src="http://auctionsupplies.com/images/logosmtrans.gif" width=49 align=absMiddle vspace=5 border=0></A> from auctionSupplies.com </FONT></DIV><!--Copyright auctionSupplies.com. Do not remove.--><!--End template-->

The mighty Beanz:
<TABLE style="BORDER-LEFT-COLOR: #5a83a6; BORDER-BOTTOM-COLOR: #5a83a6; BORDER-TOP-STYLE: solid; BORDER-TOP-COLOR: #5a83a6; BORDER-RIGHT-STYLE: solid; BORDER-LEFT-STYLE: solid; BORDER-RIGHT-COLOR: #5a83a6; BORDER-BOTTOM-STYLE: solid" borderColor=#5a83a6 cellPadding=20 width=700 align=center bgColor=#334a5d background=C:\Documents Pictures\imagehost\coin_150sq.jpg Documents\My McElwain\My Settings\Sandi and>



<TR>

<TD vAlign=top>

<TABLE style="BORDER-LEFT-COLOR: #5a83a6; BORDER-BOTTOM-COLOR: #5a83a6; COLOR: #000000; BORDER-TOP-STYLE: solid; BORDER-TOP-COLOR: #5a83a6; BORDER-RIGHT-STYLE: solid; BORDER-LEFT-STYLE: solid; BORDER-RIGHT-COLOR: #5a83a6; BORDER-BOTTOM-STYLE: solid" borderColor=#5a83a6 height="100%" cellPadding=5 width="100%" align=center bgColor=#b9cad9 background="C:\Documents and Settings\Sandi McElwain\My Documents\My Pictures\imagehost\blueswirl.gif">



<TR>

<TD align=middle colSpan=2><FONT color=#000000 size=+3><!--^^Title--><STRONG>FROG PRINCE MIGHTY BEANZ BOD</STRONG>&nbsp;</FONT></TD></TR>

<TR>

<TD>

<DIV align=center>

<TABLE style="BORDER-LEFT-COLOR: #5a83a6; BORDER-BOTTOM-COLOR: #5a83a6; BORDER-TOP-STYLE: solid; BORDER-TOP-COLOR: #5a83a6; BORDER-RIGHT-STYLE: solid; BORDER-LEFT-STYLE: solid; BORDER-RIGHT-COLOR: #5a83a6; BORDER-BOTTOM-STYLE: solid" borderColor=#5a83a6 cellPadding=20 align=center bgColor=#334a5d background=C:\Documents Documents\My McElwain\My Settings\Sandi and Pictures\imagehost\blueswirl.gif>



<TR>

<TD><!--^^Image 1--><IMG src="C:\Documents and Settings\Sandi McElwain\My Documents\My Pictures\cam pics\EBAY RIGHT NOW\ebay 421.jpg"> </TD></TR></TABLE></DIV>

<P align=center><FONT size=5><STRONG>IN GOOD CONDITION (PLEASE SEE PICTURE)</STRONG></FONT></P>

<P align=center><FONT size=5><STRONG>I HAVE TONS OF OTHER BEANZ PLEASE HAVE A LOOK AROUND. </STRONG></FONT></P></TD>

<TD vAlign=top><!--^^Description--></TD></TR></TABLE><FONT size=5></FONT>

<P align=left><STRONG><FONT color=#ffffff size=4>SHIPPING TO CANADA: $3.00</FONT></STRONG></P>

<P align=left><STRONG><FONT color=#ffffff size=4>SHIPPING TO U.S: $3.50</FONT></STRONG></P>

<P align=left><STRONG><FONT color=#ffffff size=4>INTERNATIONAL: $5.00</FONT></STRONG></P>

<P align=left><STRONG><FONT color=#ffffff size=4>I WILL ALWAYS COMBINE SHIPPING, PLEASE ASK FOR DETAILS.</FONT></STRONG></P>

<P align=left><STRONG><FONT color=#ff0000 size=5>THIS&nbsp;ITEM IS IN MY "MAKE A GRAB BAG" CATEGORY.</FONT></STRONG></P>

<P align=left><STRONG><FONT color=#ff0000 size=5><U>MAKE A GRAB BAG</U></FONT></STRONG></P>

<P align=left><STRONG><FONT color=#ffffff size=4>YOU CAN CREATE YOUR OWN GRAB BAGS&nbsp;GREAT FOR&nbsp;PARTIES, TREASURE HUNTS, STOCKING STUFFERS OR JUST FOR THAT SPECIAL SOMEONE IN YOUR LIFE. ONE COST FOR SHIPPING THATS IT! </FONT></STRONG></P>

<P align=left><STRONG><FONT color=#ffffff size=4>HAVE A LOOK IN MY STORE UNDER THE GRAB BAG CATEGORY, LISTING NEW STUFF OFTEN.</FONT></STRONG></P>

<P align=left><STRONG><FONT color=#ffffff size=4>PICK UP TO 12 ITEMS TO PUT INTO YOUR GRAB BAG AND ONLY GET CHARGED&nbsp;ONCE FOR SHIPPING. <U>THIS ONLY APPLIES TO ITEMS IN THE "MAKE A GRAB BAG CATEGORY</U>.</FONT></STRONG></P>

<P align=left><STRONG><FONT color=#ffffff size=5><U>SHIPPING FOR GRAB BAGS</U></FONT></STRONG></P>

<P align=left><STRONG><FONT color=#ffffff size=4>SHIPPING TO CANADA: $7.00</FONT></STRONG></P>

<P align=left><STRONG><FONT color=#ffffff size=4>SHIPPING TO UNITED STATES: $7.00</FONT></STRONG></P>

<P align=left><STRONG><FONT color=#ffffff size=4>INTERNATIONAL : $10.00</FONT></STRONG></P>

<P align=left><STRONG><FONT color=#ffffff size=4>THIS PRICE WILL INCLUDE INSURANCE FOR YOUR PROTECTION.</FONT></STRONG></P>

<P align=left><FONT color=#ffffff><STRONG><FONT size=4>ADDITIONAL ITEMS AFTER 12&nbsp;WILL ONLY BE $0.25 FOR EACH ITEM.</FONT></STRONG>&nbsp;</FONT></P>

<P align=left><STRONG><U><FONT color=#ffffff size=5>RETURN AND REFUND POLICY</FONT></U></STRONG></P>

<P align=left><STRONG><FONT color=#ffffff>IF YOU ARE NOT HAPPY FOR ANY REASON WITH YOUR PURCHASE PLEASE CONTACT ME AND WE WILL WORK SOMETHING OUT. SO BID WITH CONFIDENCE.</FONT></STRONG></P>

<P align=left><STRONG><U><FONT color=#ffffff size=5>PAYMENT</FONT></U></STRONG></P>

<P align=left><STRONG><FONT color=#ffffff>I WILL ALLOW TIME IF YOU ARE CONSIDERING PURCHASING OTHER ITEMS OR IF YOU JUST NEED TIME TO GATHER FUNDS, JUST TELL ME WHAT YOUR NEEDS ARE.</FONT></STRONG></P>

<P align=left><STRONG><FONT color=#ffffff>I ACCEPT PAYPAL AND MONEY ORDERS - BUT THE MONEY ORDER MUST BE CONVERTED TO CANADIAN FUNDS SO I CAN CASH IT.</FONT></STRONG></P>

<P align=center><STRONG><FONT color=#ffffff>THANK YOU FOR LOOKING AND PLEASE HAVE A LOOK IN MY STORE, ADDING MORE ITEMS DAILY.</FONT></STRONG></P></TD></TR></TABLE>

Once again any help would be appreciated.
Sandi

Hi guys,
I am having some difficulty trying to use html on ebay listing, i am new to html and its my first time i have tried producing something within it, i have designed it in web expression 4, i will include a link to my ebay listing and explain what the problem is.
http://cgi.ebay.co.uk/ws/eBayISAPI.d...m=300662175180

Somebody told me my item description covered the whole page and somebody else said they had to view it on a tiny scroll bar to read through it.
Can somebody assist me, it would be a god send.
Lee

Hi Guys,

Just trying to create a template for my ebay auctions to coincide with my new website - www.heavenlyboutique.co.uk

As you can see from the ebay template (click here to preview) I've created it to look similar to my main website.

Unfortunately I can't seem to get all the table boxes to lineup, e.g. - payment and delivery are in two columns side by side but unfortunately they misalign when you view them in Firefox and IE.

I've always come to HTML Forums for help because you guys seem to know what you are talking about and offer great advice, please could you have a look at the html coding and tell me what I'm doing wrong?

Thanks in Advance!

why doesnt ebay use headers? h1 h2 ect..

I viewed the source and was surprised not to find a h1, h2 or h3 ect.. I am just wondering if anyone knows why eBay isn't web standards compliant?

Hi all

This has probably been covered before but I cant find the answer when searching these forums.

I take a great deal of time designing my ebay auctions for the classics cars I sell but want to protect them from being copied which has happened in the past.

I know its probably not possible but I do recall a site that encrypted the html code. I appreciated that the advanced users out there would probably get past anything but its the one's who simply copy and paste onto frontpage that I want to protect from.

Any help would be much appreciated

Cheers

Al

Hi I'm kinda new to all this.

I can see this being the first question to a lot of questions and hope you guys can help.

Firstly...

Can I put a code in my ebay items so that the whole advert document (eg. item1.html) Can be externally loaded in.

This way I can change the look of all my adverts by replacing the html files on my server and without having to touch ebay at all.

Kind regards
John