Rollover image for an art gallery

I want to create an "artist" page for an art gallery. I have
a list of artists names on the page I want an image of each
artist's work to appear somewhere else on the page (either a cell
in the table or a separate frame) when the name is rolled over .
Can anyone give me the basic steps to create this?
Thanks
David

check DW help for "disjoint rollover"
emichael brandt
bermadave wrote:
> I want to create an "artist" page for an art gallery. I
have a list of artists
> names on the page I want an image of each artist's work
to appear somewhere
> else on the page (either a cell in the table or a
separate frame) when the name
> is rolled over . Can anyone give me the basic steps to
create this?
> Thanks
> David
>

Similar Messages

Multipe images for album art?

So, you can add multiple images to iTunes for each track. Like, the album cover and an image of the liner notes, or the back cover, or, something like that.
I don't seem to be able to see those secondary images while using my 5G iPod that I synced after adding the images.
Is it possible to see multiple images for album art? Is my iPod even getting those secondary images?
Thanks!

Actually in a way you can do this, although you won't see the multiple images all at the same time. For an album you can actually have a different image for each track on that album. So for example you could have the cover for the first track, the back cover for the second track and so on. All you need do is browse info for each track and drop each image into each track separately.

Can I make a *smaller* base image for a mobileme gallery?

So as near as I can tell, I cannot set the maximum size for an image in a mobileme gallery...is there a preset for that? I realize that I can disable downloading, but if I want a base image that is more "facebooky" in resolution, can I specify that?
I'm looking for something smaller than the default "1024x680" that I seem to be getting. I'm seeing any effect with the image export presets.
-John

OK, thanks for the copy/paste info, TD. However, when I go
File>Import to Library>documents>
The picture/document I want is grayed out, and can't be lifted.
I also Print>Saved as PDF, but that document is also grayed out. None of the other options after File>Import shows anything that looks like what I want.
I also highlighted the map on Pages, then "right clicked" (Cont+Click), and then Capture Selection from screen", but I don't know what I have after highlighting. It sounds like I took a picture, and there is a highlighted image of what I "captured" but when I tried to drag to iPhoto, it disappeared.

Fade in Fade out not working on Rollover Image for Captivate 6

Hi
I am totally baffled with this issue. When I use Fade in 0.5 sec and Fade Out 0.5 seconds on a rollover image, it will not work. I even changed the default on my preferences for rollover images and it still will not work and does not show in my accordian panel in properties.
If I use Captivate 5, I do not have any problem. Any suggestions?
Thanks
Jeff

Are you forgetting that a rollover object has two parts? It has a hit area and the object that appears when you mouse over the hit area. Each part can have different settings in the Properties tab. In a rollover caption, the object that appears is a text caption. In a rollover image, the object is an image.
If you select the rollover object on the timeline, the Properties you see for it in the Properties tab are for the hit area. So having fade in or fade out set there will not affect the object that appears on mouseover.
If you select the caption or image on the stage in Edit mode, the properties shown in the Properties tab are for that specific object and can be different from the hit area of the same rollover object.
In your case, make sure that your image is set to have fade in or fade out. Fading on a hit area of a rollover object is not really useful at all.

Troubleshoot Main Image for spry photo gallery

Hello, I am modifying some spry files to see if I can get the
hang of it using my images. I have taken the photo gallery files
gallery.js
SpryData.js
SpryEffects.js
xpath.js
The folder structure contains images and thumbnails on the
root folder as well as the ap.css sheet and photos.xml
The page is
http://www.proximita.com/learning/index.html.
Since I only have 1 photo gallery (and I did the getting
started tutorial and worked fine I wanted to add the slideshow
effect in the spry demo functionality) I only have one xml doc and,
as mentioned, the both image folders and the css sheet are on the
root, and the all the js files are in an includes folder.
The thumbnails show up fine, but, the main image does not
show up at all. I am almost sure this is a bad reference somewhere
or a begginners mistake but I cant find it.
I did modify the gallery.js because it referenced 2 or three
variables (like dsPhotos and dsGalleries that are used for the demo
I only have dsGallery) and I cahnged all of the other refrences to
dsGallery.
I think I am having problems here:
function ShowCurrentImage()
var curRow = dsPhotos.getCurrentRow();
SetMainImage("galleries/" +
dsGalleries.getCurrentRow()["@base"] + "images/" + curRow["@path"],
curRow["@width"], curRow["@height"], "tn" + curRow["ds_RowID"]);
you can check out the whole code here:
http://proximita.com/learning/includes/gallery.js
Im unconcerned with appearance for the moment, and would just
like to see the main image and the slideshow functionality.
If you can help, please do. Thanks, Mario.

yes, I suspect that is because the tutorial talks about
building this from scratch and uses that name for the "thumbnails"
div rather than what they actually use in the demo files...
confusing, to say the least.
It would be nice if there were a simple document with demo
files that didn't include other stuff unrelated to JUST the slide
show (gallery)... and if the whole layout were more simple,
css-layout-wise...
or, if the demo files were commented with what each bit is
for and how to modify it.
quote:
Originally posted by:
Dragos GEORGITA
Hi Mario,
I took a look at your sample and I've noticed you change the
ID of the container that holds the thumbnails (it was called:
"thumbnails". now it's "thumbContainer").
You need to open gallery.js and change the observer to point
to the new container:
Change
Spry.Data.Region.addObserver("thumbnails", function(nType,
notifier, data) {
To
Spry.Data.Region.addObserver("
thumbContainer", function(nType, notifier, data) {
Regards,
Dragos

Pre-loading external images for XML-based gallery

I'm working-on an XML-based photo gallery here:
http://www.unionandparkwood.com/demo/flash_gallery/
It works how I want it, except that the first time a
thumbnail is clicked for an image, it pauses long enough to skip
the fade. If you click-through the images a second time, you'll see
that it works smoothly. My guess is that the first time the
thumbnail is clicked, the image isn't cached, yet.
I tried to fix this by creating a JavaScript file for the
page to pre-load each image and thumbnail:
0003a = new Image;
0003a.src = "images/Down-Range.jpg";
0003b = new Image;
0003b.src = "thumbnails/Down-Range.jpg";
But that didn't work. What would be the best way to do this?
I included a link to "Download ZIP" of the FLA project on
this page, too, because it wouldn't be easy for me to describe
what's happening. In a nutshell, a thumbnail click launches a
function that loads the appropriate image into the main image
holder. What seems to be happening the first time is the image
isn't loaded before the fade is finished, so the image just appears
after a short pause the first time.

>>What seems to be happening the first time is the
image isn't loaded before
>>the fade is finished, so the image just appears after
a short pause the
>>first time.
As has been said many times in thos forum - use the
MovieClipLoader class to
load images, and then use that class' onLoadInit method to do
things with
the loaded image. Loading is asynchronous - you _have_ to
wait until the
image is done loading before doing a fade.
Dave -
www.offroadfire.com
Head Developer
http://www.blurredistinction.com
Adobe Community Expert
http://www.adobe.com/communities/experts/

How do I show multiple rollover images on a page inserted dynamically (pulled out of a sql database

How do I show multiple rollover images on a page inserted dynamically (pulled out of a sql database table) using Dreamweaver’s Repeat Region. Example: I have different products each one associated (through their productID) with two images (one that’s showing in the page and one for the rollover effect) that are pulled from a database using Dreamweaver’s Recordset. So I want to end up with a page containing row after row of images(one for every product).When moused over each image will reveal the second (rollover) image for the same product which in turn can be a link(the image itself ) that when clicked leads to a detailed page with more information about the product the image is associated with. To show row after row with images for the different products in the database table I am using Dreamweaver’s Insert Rollover Image command and then the Repeat Region – I have no problem to complete the steps, to insert the image and the rollover one at once and set the paths so they are pulled dynamically depending on the productID they are associated with .I have also no problem to apply the Repeat Region so not only the first image associated with the first product in the table is shown but all of them-a routine and standard procedure when using the Repeat Region to dynamically generate and display multiple rows of data. However, when I preview the page the rollover effect is lost –the images are shown but when moused over the second image does not show. The problem is caused when the Repeat Region is applied-once again I am allowed to apply it but the rollover stops working, a kind of interference. ANY SOLLUTION PLEASE, ANY WORK AROUND.

I gotta tell you, using multiple images for rollover effects is going to be a big challenge in your dynamic scenario.
If this were my product page, I would use thumbnails with a bit of CSS opacity or filters to desaturate and make them full opacity/color on mouse over. Nice effect with much less bandwidth. Easily done globally with CSS code.
Two examples:
http://alt-web.com/GALLERY/GalleryTest.php
http://alt-web.com/TEMPLATES/CSS-Semi-liq-photo-sheet.shtml
Nancy O.

Why are my rollover images not appearing correctly in my browser?

I have created rollover images for some of my site navigation, and when I view it in my browser, they are not in the correct place on the page. When I click on each rollover, it eventually goes to the right place when I return to that page, but I must do this to all rollover navigation buttons in order for them to show up in the correct place. The links work fine. I am relatively new to this, so not sure if I am providing all the correct info here. My site is www.pfeiferdesign.com. I am using DW CS4. Would appreciate any suggestions!! Thanks

Where is it you want the navigation to appear?
Try this CSS -
#mainnav {
clear: both;
display: block;
float:right;
margin-right:50px;
margin-top:25px;
overflow:hidden;
padding:0;
width:350px;
Is that anywhere close?

Hotspot on rollover image

Hi there,
I have an image rollover and I'd like to put a couple of hotspots linking to other pages on the rollover image. e.g. on this page http://pixeld.99k.org/comics.htm, I'd like to have hotspots over 'part 1' and 'part 2' on the rollover image for the first image on the page. I tried putting them on the original image but when you mouse over the hotspots it flips back to the original picture. D'oh!
Thanks much!
D

but I've learnt a bit about absolute positioning and what it can be used for. Thanks!
This is valuable. Just don't extrapolate your use of absolutely positioned elements for this specialty application to a broader scope and think that you can build whole pages with it. You can't. Your pages will break unexpectedly.
Good luck!

Rollover images disappearing in Browser Lab

I set up my rollover images for my horizontal nav bar in a table and they look great until I test them in Browser Lab. Then randomly, they disappear. Please give some advise.

Not sure exactly what you mean 'disappear' because Browser Lab is'nt interactive.
I guess you mean that the top level image-button doesn't appear?
I know sometimes in the case of a slideshow the image capture in Browsr Lab gets taken just as the image is fading so it looks like an inage is not there when it really is. Maybe that could be the issue, or though obviously roll-over images don't fade, unless you have an effect on them but it would take a 'trigger' event to do that, not available in Browser Lab
Only real solution is to provide a link to the problem page so someone can test it in the browser that your viewing in Browser Lab.

Rollover Images on a Spry Menu Bar

I am trying to build a rollover menu with different rollover images for each button. I want to use a font that doesn't come standard with most browsers, so each of my buttons are images that I created in Illustrator. I am currently just not having any text and using the images as background images, but I can't get individual rollovers to work. To get the backgrounds I used this code, just by giving individual ID's to the buttons:
#products {
background-image: url(../images/11945_companyname_R5_03.gif);
width: 177px;
height: 30px;
#whycompanyname {
background-image: url(../images/11945_companyname_Web_R5_04.gif);
width: 211px;
height: 30px;
#getsamples {
background-image: url(../images/11945_companyname_Web_R5_05.gif);
width: 175px;
height: 30px;
#aboutus {
background-image: url(../images/11945_companyname_Web_R5_06.gif);
width: 168px;
height: 30px;
#contactus {
background-image: url(../images/11945_companyname_Web_R5_07.gif);
width: 224px;
height: 30px;
When I tried to put rollovers on there, I did code like this:
#contactus: link, #contactus: visited {
regular code
#contactus: hover, #contactus: active {
rollover code
...But that didn't work. Any help?

http://www.nmprc.state.nm.us/id.htm
this page uses rollover images, though it is the same image for every button....and the text is not in the image (the 2 below)
so I would figure for each menu item image
ul.MenuBarHorizontal a
background-image: url(link.gif);
background-repeat: no-repeat;
background-position: left;
you will need a hover image
ul.MenuBarHorizontal a.MenuBarItemHover
font-style: italic;
background-image: url(linkhover.gif);
background-repeat: no-repeat;
background-position: left;
If you are using submenus you also have to account for these:
ul.MenuBarHorizontal a.MenuBarItemSubmenu
background-image: url(link.gif);
background-repeat: no-repeat;
background-position: left;
background-image: url(linkhover.gif);
background-repeat: no-repeat;
background-position: left;
I also had to do some more coding to get the one without a submenu to act the same as the ones with submenu
As VFusion says, just put an id for each menu item and create a corresponding hover item for it

Rollover image alignment issue

I added rollover images for my menu bar that link to the other pages (5 in all) and they worked perfectly until I centered all of the pages. Even then, it still worked the first few times I previewed it in the browser. I'm very new to dreamweaver and I'm not sure how to fix this.
This is how my document looks in design view:
And then when I preview it in chrome it does this:
Any advice would be greatly appreciated.

I'm guessing you used image slices & HTML code exported from Photoshop which won't work on real web sites. Use Pshop for images only. Use DW to create your HTML & CSS code.
Nancy O.

Rollover image action difficulties

Hi,
I have created in Dreamweaver nice rollover buttons and
linked them to an iframe. Now i'm trying to figure out if there's a
way how to make the rollover button stay in mouseover state until
another button is clicked (and another iframe content opens).
My code for the rollover image for now looks like this:
<a href="history.htm" target="content"
onmouseout="MM_swapImgRestore()"
onmouseover="MM_swapImage('history21','','vilnis/button1a.gif',1)"><img
src="vilnis/button1.gif" name="history21" width="183" height="111"
border="0" id="history21" />
Any help appreciated!

Remove the automatic restore from each button. Make each
button's click
swap in the desired image on that button and swap out the
button image on
ALL other buttons.
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
==================
"spahns" <[email protected]> wrote in
message
news:fct762$kub$[email protected]..
> Hi,
>
> I have created in Dreamweaver nice rollover buttons and
linked them to an
> iframe. Now i'm trying to figure out if there's a way
how to make the
> rollover
> button stay in mouseover state until another button is
clicked (and
> another
> iframe content opens).
>
> My code for the rollover image for now looks like this:
>
> <a href="history.htm" target="content"
onmouseout="MM_swapImgRestore()"
>
onmouseover="MM_swapImage('history21','','vilnis/button1a.gif',1)"><img
> src="vilnis/button1.gif" name="history21" width="183"
height="111"
> border="0"
> id="history21" />
>
> Any help appreciated!
>

Need Help with Navigation for an Online Art Gallery

I am trying to create a web site for an online art gallery.
I am new to DW8 and I have been reading several books,
forums, etc trying to figure out how to build a simple and elegant
navigation system.
I have successfully built simple navigation using a frame set
as the index.html page. I have successfully built and incorporated
the art gallery using Photo Assist (Photo Assist is a DW8 extension
that creates photo albums using AJAX). The gallery.html page built
with Photo Assist has thumbnail browsing and a slideshow mechanism.
Photo Assist also uses CSS that I have been able to modify for my
personal tastes in terms of creating a simple and elegant user
interface for the gallery section of the web site.
My index.html frame set consists of navFrame.html and
mainDisplayFrame.html pages. I created a navigation button (using
Fireworks 8) that links the gallery.html as its source and targets
mainDisplayframe.html.
My plan was to just add about 5 or 6 more navigation buttons
and target the mainDisplayFrame.html from each navigation button to
display some static information.I think the site looks fairly good
except that the frame set requires scroll bars when browsed with
800 x 600 screen resolutions. I thought that I could just use
'layers' instead of a frame set, but there is not a "target"
mechanism when usings layers.
At the end of the day, I would prefer to just use one web
page for displaying the navigation and all of my other web pages
including the gallery.html page. I think I have the right idea but
I can't seem to get a good handle on a navigation system that is
better than a frame set.
My online art gallery that is under construction is:
http://www.andrew.cmu.edu/user/tburak/
Photo Assist 1.0.1 DW extension URL is:
http://www.webassist.com/professional/products/productdetails.asp?PID=108
Please note that I am not a web designer that has deep
knowledge of HTML, CSS, javascript, server side stuff, etc. I do
know a little bit about C++ and Java programming and a little bit
about html tags, and also a little bit about how CSS works. Beyond
that, I am pretty much a point and click type of web page builder.
My real expertise is more or less on photographing and digitizing
the art.
I should mention that I eventually want to build in PayPal
eCommerce if at all possible, but I realize I might not have the
skills to do so.
Any help, suggestions and comments are very much
appreciated.

[discussion moved to LiveCycle Forms forum.]

How to show one album art image for a compilation album in cover flow view?

I just finished getting album art for my entire music collection. Now I go to the Cover Flow view or the Album view and individual songs in compilation albums each have their own album art instead of being grouped together under the same album art. For instance I have a "Buddha Bar" Album with various artists. Instead of having one image for the album, each artist has his or her own image (all the same Buddha Bar album art). So a compilation CD with various artists ends up having 15 images instead of one image in the Album art or Cover Flow view which makes it harder to look through my albums. Does anybody know if it is possible to change this?
Imac PowerPC G5 Mac OS X (10.4.9)

iTunes doesn't have the ability to do what you want, i.e. to define multiple separated values in a field and then have the item show up when looking at a selection based on each of those values. "Bob Dylan", "The Band" and "Bob Dylan & The Band" are three distinct values that can't be linked together. Sort values can change where in a list things are displayed but shouldn't be used to attempt to merge different values as results are undefined and unpredictable.
tt2

Rollover image for an art gallery

Similar Messages

Maybe you are looking for