| View previous topic :: View next topic |
| Author |
Message |
sicahjes
Joined: 28 Oct 2007
Posts: 16
|
 Posted: Wed Jul 30, 2008 6:27 pm Photoshop Div overlay with slideshow |
 |
|
|
First I apologise if this is in the wrong section 
How do I add a slideshow to a DIV overlay created in photoshop?
I have created a DIV overlay (well am in the process) in photoshop. This is the first time I've done this. Im teaching myself everything.
I have an understanding of html, and have the code for a slide show. How would I add this to the overlay? Also would the same principles apply to add a youtube video?
What I have done so far is created the 'image' of the page and spliced the links. Now all I need to do is add the slideshow and video and its ready to upload.
Please keep in mind that I am new to this, so if you have the time, I would really appreciate it if you could spell it out for me.
Thank you in advance for your help |
|
PayneLess Designs
Joined: 28 Feb 2007
Posts: 1417
Location: Biloxi, MS
|
| Posted: Thu Jul 31, 2008 12:36 pm |
|
|
|
| Better if you posted a link to what you have already with your attempts to add the slideshow so your code could be worked with. |
|
sicahjes
Joined: 28 Oct 2007
Posts: 16
|
| Posted: Thu Jul 31, 2008 3:55 pm |
|
|
|
Sorry,
This is the source code if I open the file in firefox
| Code: |
<html>
<head>
<title>LATEST century page web</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (LATEST century page web.psd) -->
<table id="Table_01" width="1005" height="951" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="11">
<img src="images/LATEST-century-page-web-html_01.jpg" width="1004" height="273" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="273" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="5">
<img src="images/LATEST-century-page-web-html_02.jpg" width="404" height="544" alt=""></td>
<td colspan="2">
<a href="http://www.centurymartialarts.com.au/MMA-Brazilian-Jujitsu_c_16.html">
<img src="images/Catalogue.jpg" width="98" height="30" border="0" alt=""></a></td>
<td rowspan="2">
<a href="http://www.centurymartialarts.com.au/">
<img src="images/Century-Home.jpg" width="97" height="31" border="0" alt=""></a></td>
<td colspan="2" rowspan="2">
<a href="http://friends.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=400924931">
<img src="images/Add-as-friend.jpg" width="97" height="31" border="0" alt=""></a></td>
<td colspan="2" rowspan="2">
<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=400924931&MyToken=f8c396d5-6f18-44b7-8946-2fc397328dc7">
<img src="images/Send-Message.jpg" width="97" height="31" border="0" alt=""></a></td>
<td rowspan="2">
<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=400924931">
<img src="images/Pictures.jpg" width="95" height="31" border="0" alt=""></a></td>
<td rowspan="7">
<img src="images/LATEST-century-page-web-html_08.jpg" width="116" height="677" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="30" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="4">
<img src="images/LATEST-century-page-web-html_09.jpg" width="98" height="514" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td colspan="6">
<img src="images/LATEST-century-page-web-html_10.jpg" width="386" height="122" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="122" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="4">
<img src="images/LATEST-century-page-web-html_11.jpg" width="134" height="524" alt=""></td>
<td colspan="2">
<a href="http://www.centurymartialarts.com.au/myaccount.asp ">
<img src="images/Sign-Up.jpg" width="144" height="25" border="0" alt=""></a></td>
<td colspan="2" rowspan="4">
<img src="images/LATEST-century-page-web-html_13.jpg" width="108" height="524" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="25" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="3">
<img src="images/LATEST-century-page-web-html_14.jpg" width="144" height="499" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="366" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/LATEST-century-page-web-html_15.jpg" width="396" height="133" alt=""></td>
<td colspan="2">
<a href="http://www.centurymartialarts.com.au/UFC-Official-Merchandise_c_188.html">
<img src="images/ufc-products.jpg" width="86" height="25" border="0" alt=""></a></td>
<td rowspan="2">
<img src="images/LATEST-century-page-web-html_17.jpg" width="20" height="133" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="25" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/LATEST-century-page-web-html_18.jpg" width="86" height="108" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="108" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="396" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="8" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="78" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="20" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="97" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="37" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="60" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="84" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="13" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="95" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="116" height="1" alt=""></td>
<td></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html> |
|
|
sicahjes
Joined: 28 Oct 2007
Posts: 16
|
| Posted: Thu Jul 31, 2008 3:57 pm |
|
|
|
| ps. I want the slideshow and video to appear in the blank boxes at the bottom of the page |
|
PayneLess Designs
Joined: 28 Feb 2007
Posts: 1417
Location: Biloxi, MS
|
| Posted: Thu Jul 31, 2008 6:14 pm |
|
|
|
| I can't do much with that code which is why I asked for a link online. I have no images to work with since they reside on your computer. |
|
sicahjes
Joined: 28 Oct 2007
Posts: 16
|
| Posted: Thu Jul 31, 2008 7:13 pm |
|
|
|
| How would I give u a link? |
|
PayneLess Designs
Joined: 28 Feb 2007
Posts: 1417
Location: Biloxi, MS
|
| Posted: Thu Jul 31, 2008 7:31 pm |
|
|
|
| You have to have your page and images online and working the best you have it for now. |
|
sicahjes
Joined: 28 Oct 2007
Posts: 16
|
| Posted: Thu Jul 31, 2008 7:41 pm |
|
|
|
Oh ok - sorry ... lol.
I have to do that, I haven't done it yet. So I'll get onto it and post here as soon as it is done. Shouldn't take me long.
Thank you for your time and patience |
|
sicahjes
Joined: 28 Oct 2007
Posts: 16
|
| Posted: Sun Aug 03, 2008 11:43 pm |
|
|
|
Hi,
I have the link its: myspace.com/centurymma
I want the video to appear in the left hand box at the bottom and slide show on the right.
I apologise for the kinda distorted looking header/pic at the top. I have no idea why its doing that. When i open the photoshop file in firfox its clear, but after Ive uploaded it to photobucket and inserted it into the code - it distorts  |
|
PayneLess Designs
Joined: 28 Feb 2007
Posts: 1417
Location: Biloxi, MS
|
| Posted: Mon Aug 04, 2008 12:14 am |
|
|
|
| I'll get to it ASAP. Your image looks like that because you have stretched it beyond what it should be. Note the original size and the size you are calling it out to be online. |
|
sicahjes
Joined: 28 Oct 2007
Posts: 16
|
| Posted: Mon Aug 04, 2008 3:36 pm |
|
|
|
I was lying in bed thismorning when that dawned on me lol!!
Thank you so much for your help on this |
|
|
Forum Home
FAQ
Search
Memberlist
Register
Profile
Log in to check your private messages
Log in
