"Featured Products" images swapped w/ links

What would be the best way to have a single image "frame"
where the image of a featured product changes approx every 5 secs,
and each image linked to its category page? I hope that's clear. :)
Thanks!

You could try using a script such as.....
http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm
Peter
"Murray *ACE*" <[email protected]> wrote
in message
news:e7f79v$621$[email protected]..
| You are. There is not. You would need to use Flash, or
Swish, or some
| other Flash-light app for this.
|
| --
| Murray --- ICQ 71997575
| Adobe Community Expert
| (If you *MUST* email me, don't LAUGH when you do so!)
| ==================
|
http://www.dreamweavermx-templates.com
- Template Triage!
|
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
|
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
|
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
| ==================
|
|
| "lnbaran" <[email protected]> wrote in
message
| news:e7eb15$22k$[email protected]..
| >I am trying to show approx 5 different featured items
that have a link to
| >that
| > product's category page. I don't have flash and I'm
hoping fireworks
has
| > the
| > ability to handle this. I can animate the images so
that the different
| > products show within a single image field on the home
page, but is there
a
| > way
| > I can link each frame to a different page? I hope I'm
being clear
enough
| > :)
| >
| >
|
|

Similar Messages

CSS Image Swap Conundrum Link Rel

Hi. I apologise in advance for the length of the post. It's probably very simple for you, but it's killin' me.
http://jchmusic.com
I've been experimenting with two ideas that are conflicting with one another.
The first is that I wanted to integrate my wordpress-based blog into my site so they look/feel the same. I did this by using a php include in the index page of the blog which reads in the sidemenu of my main site sidemenu.shtml. Seemed to work OK, BUT in order to have the menu look/feel correct it has to read the style sheet from the main site, default.css. So I guess I 'cheated' by adding a <head> statement to sidemenu.shtml like so:
<head>
<link rel="stylesheet" href="http://jchmusic.com/default.css" type="text/css"/>
</head>
...note that it reads in the full path of the style sheet, since the wordpress blog 'lives' in another folder. (I made various attempts at including the style sheet into the blog as a whole but they were disasters. The selector names and ids conflict and it's a MESS.
As I said that works. Now the second issue:
Also on sidemenu.shtml is the top site graphic JCHMusic. There are actually two graphics, JCHMusic for when the user is at the main page and JCHMusic+themusicofjcharris which displays when the user is at any other page. The 1st is hidden in the default style sheet using display:none. When the user is at the main page, the 2nd graphic is hidden using a local stylesheet which reverses the display property. Works fine.
EXCEPT THAT, there is something about having that extra head in sidemenu.shtml that prevents the image swap from working.
IOW: if I remove those 3 lines from sidemenu.shtml, the image swap occurs as expected. But of course, when I do that, it destroys the look of the menu when the user selects the blog.
Can I have my cake and eat it too?
TIA,
---JC

Parent level pages must contain only one set of the following:
1) Valid Document Type
2) Hhtml tags
3) Head tags
4) Body tags
Server-Side includes are nothing more than snippets of reusable HTML code. Most often we use them for shared page elements such as headers, footers and menus. No great mystery to using them really.
http://forums.adobe.com/message/2112460#2112460
SSIs cannot contain any of the above mentioned HTML tags as they already exist on the parent page. If you put additional <head> tags into your include files, this will result in duplicate <head> tags in the parent page once content is parsed by the server. You don't want this to happen. Incidentally, code errors (even small ones caused by YouTube and Amazon code) can cause browser rendering issues. All code errors can and should be fixed.
Finally, If you want to reference an external stylesheet that is currently outside your WP folder, copy the CSS file to your WP folder and put your external stylesheet link inside the WP Parent page; not in the include file.
Good luck with your project,
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Change a link with Image Swap?

Okay so far I have my website designed. Here is what I have so far...
... I have successfully managed to have all the thumbnails keep their rollover behaviors while also making the main image change whenever any of the thumbnails are clicked. So that takes care of the main image problem. Now I need to find a way to get the "click image for larger" action to work. The problem I have is that in Dreamweaver CS3 the main image stays put. It is sort of the anchor that holds the Image Swap behavior in place. So in a web browser if anyone were to actually click on that main image it would not open a new browser window that is specific to the new main image they see. No matter what the main image switched to, if anyone clicked on it, the new browser would always open a window for the big PEARL STREET GYM flier.
I am wondering if there is a way to get the main image link to swap along with the image so that the new browser window will also follow along with the coinciding main image that is shown. Is there a way to do this (without using spry)?
(the reason I don't want to use spry is because I am still learning and so far spry just confuses the hell out of me. I'm sure I'll learn it one day... but just not right now)

if anyone reads this... turns out this can be done with the Set Text behavior.
Basically, you make your "click here for larger image" text and apply the Open Browser Window behavior.
Then with the text highlighted you go to Code View and copy the code that makes this behavior function.
Then you redo these steps for all the thumbnails you have. In my case I have 8 thumbnails so I need to adjust the Open Browser Window 8 times, one time for each of the large pictures i want to pop open, copying the code for each and pasting each code into a blank word document for later.
Then you clear this behavior and click on the container that is holding your "click here for larger" text. Give this container an ID in the attributes panel.
Okay so now you click on the first thumbnail you want to use. Give that thumbnail a Set Text in Container behavior. Direct the drop down menu to the container ID you just applied. Then in the new HTML box copy and paste the code you copied from the Open Browser Window behavior.
Go through each of your thumbnails and repeat these steps, being sure to paste in the correct Open Browser Window code for each thumbnail.
After you get done with adding all of your Set Text behaviors preview your site in a web browser. When you click on any thumbnail the "click for larger" text should look the same but when you click on the text your browser should pop open a new window that matches the corresponding thumbnail. (unless i left out a step here)
it isn't exactly what i was looking for when i asked if there was a way to make the image itself clickable. but the small line of text under the image working as a link accomplishes the same task.

Adobe link for product platform swap

Hi can anyone assist me in locating the right link for product platform swap forms in Adobe Aust.

Here you go:
http://kb2.adobe.com/cps/405/kb405819.html
Mylenium

Help with Editable Regions and Image Swap

I need some assistance for a project I am working on, and I don't know a short way to describe. Hang with me, here it goes....
I am working with the sites 'Navigation' links. I want to use a MouseOver behavior so that the image swaps when moused over. I want the MousedOver image to remain when you are on that page. I can manually make this happen, but I am running into difficulty because I want the Navigation to be located in an un-editable region so when I add new pages, the entire site will update as I make changes to the template.
I don't know how to create this effect without manually swapping all the images via behaviors on each and every page, and when I need to do these edits, the region needs to be in an UnEditable region so that the template will update all the pages.
I guess the question is, how can I customize images from page to page in an Un-Editable region in a Template driven page?
Thanks.

Image swaps are clumsy for navigation because you have to re-craft your menus every time you edit your site. This gets very old in a hurry.
CSS styled menus are not only easier to maintain in DW they are web friendly for all devices -- especially Smartphones who may have images disabled to save on bandwidth charges.
DW comes with Spry Menus which you can customize with CSS
http://labs.adobe.com/technologies/spry/samples/menubar/MenuBarSample.html
Additionally, there are some excellent DW extensions you can use to build professional looking CSS menus in seconds.
http://www.projectseven.com/products/menusystems/pmm2/index.htm
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Image swap not working in IE

I have set up an image gallery using image swap in the behaviours window. It only shows a thin line where the large picture should be in IE. It does work in all the other browsers.
Please help.

Welcome to the Forum.
We can't help much without seeing your problem page.
Please post a link to your online page.

Image swap glitch

Okay, I've got a glitch with an image swap. There are sopmething like a half a dozen pages in the site rebuild that have image swaps and none of the other have any problems. But this one has managed to find a glitch and likes it so much it won't let go.
I've got the usual table arangement (as in the Classroom in a Book chapter 10 lesson) with the base image in one cel and the links in the others. There are three images that swap out with the main one. I'm using the behavior of clicking on the link to swap the image, not a MouseOver. People are supposed to look at the images, and then if they feel like it they can put the base image back by clicking on that link.
No problem with the first image. No problem with the 2nd. No problem with restoring the original image.
But. No matter how many times I've relinked the 3rd image, clicking on it in a browser gives me a blnk browser page with a message claiming that the image does not exist. When I hit the back button to get back to the page, there is the image right where it is supposed to be. So clearly the code is finding it, but it's sending out a false alert first.
I am assuming that the glitch is in the code, but I don't know enough about code to know what I am supposed to be looking for to find it.
Any pointers?
J. Odell

I went back and hunted through it again and found the problem. Somehow the code was putting a '3' where there ought to have been a hashtag. No idea why it was doing that, but once I replaced it with a hashtag the problem went away.
I'd relinked it a half a dozen times, so it evidently really liked that glitch.
BTW, can you give me any pointers on how you adjust the spacing between paragraphs? two full lines is more than really needed to make the distinction between paragraphs. The version of CSS that GoLive 8 used recognized a setting for adding something like one and a half lines between them. But if that's still in there I don't know what they call it these days. I would assume that it would be in the Block settings along with the justification, but nothing in there looks right.

In BC, how can I remove the large space above the product images?

Hi, I'm having a problem with the product pages in Business Catalyst. There is a large space that appears between the breadcrumb trail and the first row of product images (small product page) and between the breadcrumb trail and the information on the large product page.
I have run through the stylesheets (base.css, layout.css, and ModuleStyleSheets.css) and changed numbers for anything that looked like it might control that space. I adjusted the css in my files too. Absolutely nothing made any difference.
And even worse, a scroll bar apears on the right side of the div. The div is set to auto height and grows to accept anything put in it. If I remove all the images, the scroll bar goes away, but if I only remove the breadcrumb, the scroll bar stays. Because of this, I suspect there is a margin setting on the div that holds the images that is forcing the page length beyond what the div sees. But can I find it? No.
I find nothing in the Overall Layout Shop Module Template:
<blockquote style="margin: 0px 0px 0px 20px; border: none; padding: 0px;">
<div class="shop-main clear">
<div class="body clear"><span style="font-size: 14px; font-family: verdana;"><strong>You are viewing the</strong></span> {tag_cataloguebreadcrumbs}</div>
</div>
</blockquote>
<div class="shop-main clear">
<div class="header clear">
</div>
<div class="body clear">{tag_cataloguelist,3,,,,true} {tag_productlist,3}<br />
<div class="footer clear">{tag_previouspage,<img alt="" src="/CatalystImages/module_previous.png" />} {tag_nextpage,<img alt="" src="/CatalystImages/module_next.png" />}</div>
</div>
</div>
(I could find no class for shop-main in any stylesheet. Changing any header class had no effect.)
Nothing on the page template would account for this:
<div id="right">
        <div id="store-banner-rings"><img src="../jpegs/store-background-rings.png" width="730" height="55" alt="<empty>" /></div>
        
        <div id="store-background">
        {tag_pagecontent}
        </div>
</div>
The page template with no page content looks like this:
No big space! No scrollbar.
It's that product table, gotta be. Can anyone tell me which css style to change to get rid of the large top margin and that hideous scroll bar? Or should I write a new one? To which section do I apply it?
I appreciate any help and thank you very much for your time in advance.
Sincerely, Ahurani

Just Johnny,
Thank you so much for answering. This big space is the last problem and I can't seem to find the code to fix it.
The link is for whimsicalley02.businesscatalyst.com.
Right now, the Harry Potter store is the best one to view. I haven't hooked up the others.
If you can find the problem, I'd be very happy. I have commented a lot of the ModuleStyle css because I kept reinserting changes to the same code and that's how I stopped myself. I've taken out some of the comments, but the code is still festooned with them.
Thank you for your help,
Ahurani

Image swap and IE7 in DW CS4

I have thumbnails 80px square and a div set at 600px square I select and name a loctor image and put in the div.
When I set up image swap all works fine in Safari, IE8 but in IE7 after the image has swapped, if I move the mouse over or near the large image the image disappears and I get a black 600px size square with a red X in it in the top LH corner, this stays untill I click the next thumbnail. Any help would be appriciated.William

Delete line 372 from...wait...move over a little bit so I can see better...uh oh. My crystal ball just went on the fritz again and I can't see your code from here.
Can you provide a link to the problem page?
Mark A. Boyd
Keep-On-Learnin' :-)

Help building image swap in flash cs4?

Hello all,
I've been trying to research 'flash cs4 image swap' but most everything I find is related to dreamweaver, so I appreciate anyone's help to point me in the right direction.
I have a project in which I have an opening scene of a main image and 8 thumbnail buttons. This opening scene is pretty basic, as the thumbnails would link to a new scene or frame label (however I build it). This 2nd scene or instance in the timeline is where I would display another large image, and 6 new thumnail images that, upon rollover, would swap the large main image with the large version of the active thumbnail.
Basically I have a main 'menu' of category thumbnails that link to an instance in the timeline that displays the initial large image for that category, and allows the user to mouseover the other thumbnails to see the large images, and then click to go to a specific URL for more information.
The trouble I have with my rusty, limited AS knowledge is how to effeciently write the AS so that the image swap works. I quickly ran into a wall trying to acomplish this using a very OLD method that would require a LOT of jumping around the timeline. If there is ANYTHING out there that can help me figure out how to do this efficiently, I would very much appreciate the help.
Thanks in advance

that's really what I'm asking, is if there is any such AS to do this.... I would normally do it just using CSS & HTML, but I have to keep it all contained within one page, I can't click to a new page from the opening scene to show the sub category of graphics. I figured I could set the opening scene up easily with a goto frame label 'category 1'.... then at category one is where I need to figure out what to do to swap the images....
If I keep it very simple with no fade effects or anything, yes I could just jump to a frame and back, and so on.... Instead of animating all the different elements, is there a way to activate an instance of a mc, like a white to transparent fade, and just have that animate in place and out, chaning the images in a layer below it while it's in place? I'm really green to AS so I may be talking outta my ear on this,
your feedback is greatly appreciated.

Image swaps with fade out and in

I am new to Dreamweaver, in fact only got into it to do my
own website. I want to create image swaps with a fade out and then
fade in with the new image. Nowhere can I find out how to do this
so far. Can anybody point me in the right direction. Many thanks
for your help now and in the past.
Perspectivist

This is a multi-part message in MIME format.
--------------000605070301090808040601
Content-Type: text/plain; charset=ISO-8859-1; format=flowed
Content-Transfer-Encoding: 7bit
i see! well, that's good to know. i didn't realize you could
do
transitions on image swaps (of course, i've rarely used them
so far).
and i just assumed the OP was actually trying to do a
slideshow, which
could still be the case i guess. i suppose he's covered
either way!
Nancy O wrote:
> There are several image transition scripts on this page:
>
http://www.brothercake.com/site/resources/scripts/transitions/
>
>
>
> --Nancy O.
> Alt-Web Design & Publishing
> www.alt-web.com
>
>
>
> "Perspectivist" <[email protected]>
wrote in message
> news:[email protected]...
>
>> I am new to Dreamweaver, in fact only got into it to
do my own website. I
>>
> want
>
>> to create image swaps with a fade out and then fade
in with the new image.
>> Nowhere can I find out how to do this so far. Can
anybody point me in the
>> right direction. Many thanks for your help now and
in the past.
>>
>> Perspectivist
>>
>>
>
>
>
--------------000605070301090808040601
Content-Type: text/html; charset=ISO-8859-1
Content-Transfer-Encoding: 7bit
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN">
<html>
<head>
<meta content="text/html;charset=ISO-8859-1"
http-equiv="Content-Type">
</head>
<body bgcolor="#ffffff" text="#000000">
i see! well, that's good to know. i didn't realize you could
do
transitions on image swaps (of course, i've rarely used them
so far).
and i just assumed the OP was actually trying to do a
slideshow, which
could still be the case i guess. i suppose he's covered
either way!<br>
<br>
Nancy O wrote:
<blockquote cite="mid:[email protected]"
type="cite">
<pre wrap="">There are several image transition
scripts on this page:
<a class="moz-txt-link-freetext" href="
http://www.brothercake.com/site/resources/scripts/transitions/">http://www.brothercake.com /site/resources/scripts/transitions/</a>
--Nancy O.
Alt-Web Design & Publishing
<a class="moz-txt-link-abbreviated" href="
http://www.alt-web.com">www.alt-web.com</a>
"Perspectivist" <a class="moz-txt-link-rfc2396E"
href="mailto:[email protected]"><[email protected]></a>
wrote in message
<a class="moz-txt-link-freetext"
href="news:[email protected]">news:[email protected]</a >...
</pre>
<blockquote type="cite">
<pre wrap="">I am new to Dreamweaver, in fact only got
into it to do my own website. I
</pre>
</blockquote>
<pre wrap="">want
</pre>
<blockquote type="cite">
<pre wrap="">to create image swaps with a fade out and
then fade in with the new image.
Nowhere can I find out how to do this so far. Can anybody
point me in the
right direction. Many thanks for your help now and in the
past.
Perspectivist
</pre>
</blockquote>
<pre wrap="">
</pre>
</blockquote>
</body>
</html>
--------------000605070301090808040601--

Problem with a product image/pdf production in Indesign CS5

Hi,
this problem probably has an obvious solution, but I can't figure it out due to my limited experience in using Indesign. I'm trying to export my poster lay-out as pdf, but one of the several product images does not show up in the exporte pdf correctly. Instead of a product image, I only get this white image that is similar to the shape of the product image, but the actual product image is not visible. The product image is a .psd -file and it shows correctly in InDesign document, but not in the exported .pdf file. Could somebody help me to tackle this problem?
BR,
Masa

Hi,
- It shows in the preview mode
- I'm using only one layer in the layout with all the images on it
- The image is not non-printing in the Attributes panel
- Links have no errors and theya re up to date
When I create the PDF via FILE > PRINT, then the problem does not occur, but I have another problem with white margins on both top and bottom of the .pdf-file. ¨
I still would like to create the pdf via Export.
Thank you for your quick reply, what's next?
BR,
Masa

Is there a way for my images that are links NOT to be denoted by whatever color i set my links to be in my page properties?

Hi there.
i have set my links to be black in my page properties. i have somes images that i am using for links and i do not want the to have a black box tracing their outline. it's messing up my design and tables. is there a way for my images that are links NOT to be denoted by whatever color i set my links to be in my page properties?
see attachment.
thanks for sharing your knowledge with me.
gina

If you would like your NON-linked images to have a border, and only remove the border from linked images then this css:
a img { border:none; }
E. Michael Brandt
www.divahtml.com
www.divahtml.com/products/scripts_dreamweaver_extensions.php
Standards-compliant scripts and Dreamweaver Extensions
www.valleywebdesigns.com/vwd_Vdw.asp
JustSo PictureWindow
JustSo PhotoAlbum, et alia

Mouse Over Image Swap bugged transition problem

I have a question regarding the function of "Import" and "Update" in the properties of an image. I've re-updated the link above to reflect my specific question. In the movie, there are image swap transitions as you scroll over various sections of the home page. These actions are carried out in the target cont_images and cont_images/images for the pictures. I attempted to update one of the photos in the library with a new picture of equal quality and proportions but when I then watch the movie, the action is carried out but in a very un-smooth fashion. The transition can be contrasted here:
http://www.greenworknow.com/Test/2138/flash&html/index.html
vs
http://www.greenworknow.com/Test/2138/flash&html/buggedmain.swf
The bugged transition will be the Adventure tab in the center, right most box. You'll also notice that with the bug it quickly flashes the picture under the "Register" Tab (image_big_2) with the one that was changed being (image_big_3). The part that puzzles me is that it had worked once by simply updating/importing but for some reason no longer does, I believe it lies in the method I'm going about replacing the photo. Also the photo isn't being called externally from a folder as it is built into the library of the FLA. I hope this was all clear enough. If there are any odd parts, I'll be watching the thread to respond if you have a question.
Again, thank you for your continued efforts in helping me, the aid is very much appreciated.
(If you need to download the FLA, there's a link under that index page above to do so)

*bump*
Anyone have an idea? or maybe alternate methods I can try to implement the new images?

Image swap from a ul

Hi,
please see my link http://www.denotestationery.com/denote_localroot1/weddingvintage.html
I am trying to achieve an image swap in the stationerycontainer div that houses the invite image, by rolling over each list item (stationeryinfo ul down the side of the image), as the user rolls over the stationeryinfo ul, the image in the stationerycontainer div will change accordingly.
Is there a way to achieve this by just using the html in the stationeryinfo ul & without the use of images in that list? I basically want it to look like the sidebar nav when you roll over it but I don't need the stationery info list to link to anything.
I hope I am making sense!

Hi, yes, well kind of, I don't need the list to link to anything, it's purely to show the user what each design peice looks like by rolling over the list. I have done this before, but with the use of the list as images rather than html. But I want to be able to allow the html to do it instead & as I am a newbie the only way I have found to do it is by adding a link to the code. and then linking is straight back to the same page. Like below. I hope I am making sense.
Weddingvintage.html is the page the user will be on.
<li><a href="weddingvintage.html" onmouseover="MM_swapImage('vintageday','','denoteWebimages/gallery_chrysanth.gif',1)" onmouseout="MM_swapImgRestore()">Day invitation</a></li>
Is there another attribute rather than the a href that will work with the swap image?
Thanks in advance

"Featured Products" images swapped w/ links

Similar Messages

Maybe you are looking for