Muse, thumbnails, click creates a larger images ???

muse, how to create a thumbnail and when I click on it or do a roll over it opens up a larger image of the thumbnail, need help. Wolf

Please check out: http://tv.adobe.com/watch/learn-muse/creating-a-lightbox-slideshow-in-muse/
Cheers,
Vikas

Similar Messages

Click to Popup Larger Image from report

This has to be simple, and I am just missing it.
I am displaying an image in an interactive report, using apex_util.get_blob_file_src.
I need to add a link to "Click to popup larger image".
This is an upgrade of a form that did this the old way, using custom image display.
Is there a way to do this using apex_util.get_blob_file_src?
Perhaps I am just getting the syntax wrong -
The image is displayed as in the sample app - I just the the correct syntax to open the image in a popup window on click, presumable using popupURL or popUp2.
Than you - Karen

Thank you, VC.
That is exactly what I have already done - seemed the cleanest, fastest way to get the job done and move on.
With a bit more research, I suspect I could implement a jQeury solution that nicely displays an image in a popup - but as this was an upgrade, the task was to get it working.
Using the APEX page, single region, image item is a nice clean way to make it work.
With a little styling to control the size of the image (these were not controlled upon input, as they should have been in this case), all work smoothly.
Thank you - Karen

Can an image in the slideshow widgets be moved around inside the bounding box as can be in a normal image placed into Muse (double clicking on a placed image gives the functionality to move the image around - as per Indesign functionality)

Can an image in the slideshow widgets be moved around inside the bounding box as can be in a normal image placed into Muse (double clicking on a placed image gives the functionality to move the image around - as per Indesign functionality)

Can an image in the slideshow widgets be moved around inside the bounding box as can be in a normal image placed into Muse (double clicking on a placed image gives the functionality to move the image around - as per Indesign functionality)

HTML hovering over thumbnail to bring up larger image on top of it. How?

I am new to site and first question. So hope not too silly. I wish to have lots of small thumbnails on page and when mouse hovers over each individual thumbnail it will enlarge into a larger image - on top of the thumbnail mouse is over. Thanks to Nancy O answering Bravats question on this, I found the following HTML from Nancy, however..... am darned if I am able to have the image hover exactly over the thumbnail. Not to left, not to right, etc etc, but over top of thumbnail. Can someone please tell me what to put in where to make this happen? Thank you.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Disjointed Image Rollovers</title>
<style type="text/css">
/**BEGIN DISJOINTED IMAGE ROLLOVERS**/
#rollover a {
border:none;
text-decoration:none;
padding: 0 0.5em 0 0.5em; /**space between small icons**/
/**remove this rule if all full size images are to share the same display area. **/
#rollover a span {
visibility:hidden;
background-color: #FFF;
display:block;
position: absolute;
/**adjust location of full size images**/
left: 50%;
top: 50%;
/**optional full size image captions**/
font-size: 12px;
line-height: 1.2;
color:#666;
text-align: center;
/**optional full size image borders, padding**/
border: 5px solid orange;
padding: 5px;
#rollover a:hover span, #rollover a:active span, #rollover a:focus span {visibility:visible;}
#rollover a:hover, #rollover a:focus
{visibility:visible;}
/**END DISJOINTED ROLLOVERS**/
</style>
</head>
<body>

<div id="rollover">
<p>
<a href="#"><img src="SmallIcons/image.png" alt="some description" /><span><img src="FullSize/image.jpg" alt=" " /><br />optional caption #1</span></a>
<a href="#"><img src="SmallIcons/image.png" alt="some description" /><span><img src="FullSize/image.jpg" alt=" " /><br />optional caption #2</span></a>
<a href="#"><img src="SmallIcons/image.png" alt="some description" /><span><img src="FullSize/image.jpg" alt=" " /><br />optional caption #3</span></a>
</p>
</div>

</body>
</html>

Here is my Demo. http://alt-web.com/DEMOS/CSS-Disjointed-Image-Rollover.shtml
First, #rollover a needs to have position:relative.
Second, you will need to tweak left & top values to suit your needs.
#rollover a span {
visibility:hidden;
background-color: #FFF;
display:block;
position: absolute;
/**adjust positioning of full size images in px or %**/
left: 0px;
top: -140px;
For better answers, we need a link to your page.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Create a large image browseable by sections

how can i create a site with a large image that can be divided into sections accessed by links?
richmagazine.jp

the easiest way is to overlay the large image with transparent movieclips, assign instance names and mouse handlers to the movieclips.

Roll over to view larger image, click to select

Which combined server behaviors or technologies would allow
me to create a dynamic image gallery of thumbnails that when you
roll over any thumbnail image (images are populated via repeat
region recordset behavior), you can view a larger image. Selecting
a thumbnail would select the larger image version.
I do not need to know how to create the thumbnail images
(this would be achieved via aspjpeg with a repeat region applied to
it) but rather how to make it work as explained.
check out
https://www.schooloutfitters.com/catalog/product_info/pfam_id/PFAM898/products_id/PRO987
for an example.

OK so I'm almost there! A little more help if it's not too much trouble.
I've used the "mouse-over to enlarge" example and it seems to be working.
The images sit together top left (ie. the larger image appears over the top of the smaller image and both top left corners of the images sit in the same x and y position - it appears to grow to the right and down!). Can I change this so that the images sit in the same position bottom right and the image grows bigger, up and right?
Alternatively if it's easier I could do "mouse-over and click", but I need the click to open my image in a new window, sized to the image (so I can still see the main page in the original browser window).
Thanks again
Lopoc

Creating Large Image of SWF for Printing

I need to create very large images of my SWFs for printing
purposes without a degradation of image quality. Any
suggestions?

If anyone else had this problem you can see the neat script that was written to solve it in the Automator forum. Go here:
http://discussions.apple.com/thread.jspa?threadID=849139&tstart=0

Large image popup

Hi,
Does any one know of an extension which creates a large image
popup on mouse over and it works with images from a database
too.

Hi Zabeth,
Thanks for your reply!
How exactly can i define the hotspot and not the image as the rollover? I guess i replace the:
<a class="thumbnail" href="#thumb"><img src="sales1.1_thumb.jpg" width="80px" height="60px" border="0" /><span>
<img src="sales1.2.jpg" />
</span>
</a>
with something like:
<a class="thumbnail" href="#thumb"><map name="Map" id="Map"> <area shape="rect" coords="33,140,114,260" href="#" /></map><span>
<img src="sales1.2.jpg" />
</span>
</a>
However this obviously doesnt work! Am i on the right direction!?
Thanks

Can Pages create a large banner?

I'm trying to create a large banner (2 or 2.5 ft. x 5 or 6 ft) by "tiling" multiple pages together to create one large image of text. Can Pages do this, and if so how?

Can Pages do this, and if so how?
Pages > File > Page Setup
Settings > Page Attributes
Format for > Any printer
Page Size > Custom
You are able to define a media geometry that is independent of the media geometry in your presently registered printer.
If you define a media geometry that is larger than the media geometry in your presently registered printer, the system lets you scale down the media geometry.
The media geometry scales as a whole - you can specify the scaling manually or you can let the system compute the scaling (fit once, fit twice - called two up, fit four times - called four up, etc.).
You cannot set multiple origins within the media geometry and manually tile the larger media geometry onto the smaller media geometry supported in your presently registered printer.
This is a limitation of Apple's implementation and not of the underlying printing model.
This is before breakfast coffee, hope my random access memory is working.
/hh

Large image popup on mouse over

Does any one know of an extension which creates a large image
popup on mouse over and it works with images from a database too?

Does any one know of an extension which creates a large image
popup on mouse over and it works with images from a database too?

RoboHelp 8 HTML WebHelp How to display a larger image of a thumbnail by clicking on or rolling over the thumbnail?

How would you display a larger image of a thumbnail by clicking or rolling over the thumbnail?

Hi there
For a mouseover you would have to add some custom developed JavaScript. You could probably find some pre-made on the web if you poked around.
Generally speaking, any way you slice it you will be using two images. One for the thumbnail and one for the full sized image. You could employ the popup functionalty to pop up the larger image.
I used to simply create DHTML drop-downs and insert the large images in the drop-down area.
Cheers... Rick
Helpful and Handy Links
RoboHelp Wish Form/Bug Reporting Form
Begin learning RoboHelp HTML 7 or 8 within the day - $24.95!
Adobe Certified RoboHelp HTML Training
SorcerStone Blog
RoboHelp eBooks

Creating thumbnail "tables" of artwork next to the larger image

I'm trying to figure out how this person created their site in iweb. Below is the link to their website.
http://www.adrianmills.co.uk/Illustrations.html
I'm new to the program, but would really appreciate any advice on how to achieve this look with the thumbnail images to the right of the larger images.
Thanks in advance.

It's a flash based slideshow. You can create a nearly identical one from iPhoto with the Flash Album Exporter plugin for iPhoto. The layout you would want to use is SimpleView. You can find it at VersionTracker.com.
OT

When I click on thumbnails to open photos in iPhoto, the larger image suddenly disappears.

When I click on thumbnails to open photos in iPhoto, the larger image suddenly disappears. How to fixed it?

what version of iPhtoo ? Of the OS? what recently changed?
Back up your iPhoto library, Depress and hold the option (alt) and command keys and launch iPhoto - repair permissioons
LN

Trying to link a thumbnail in one frame to a larger image in another frame GOLIVE 9...

Hi.
I am using Adobe Golive 9.
I found a tutorial on the internet that allows you to create an image gallery with clickable thumbnails
http://www.tutorialhero.com/click-48179-create_an_image_gallery_with_clickable_thumbnails. php
However, the tutorial is designed for a page without frames.
I want to be able to do this using frames.
I want to link a thumbnail on a page in one frame to a larger image on another page, so that when your mouse is over the thumbnail,
the larger version appears in the other frame.
This is what my frames look like so you get an idea of what I'm trying to do
And here is a picture of the thumbnail in the lower frame and the larger image in the frame above it.
Could someone please give me STEP BY STEP instructions on how to do this? I'm new to Golive, using version GOLIVE 9, and I know this can be accomplished using "Set Image URL" but have no idea how to do it.
Thank you for your help all.
Chris.

A link in one frame is designed to call another page into some other frame, not an image. You can't use SetImageUrl across different pages. You'd probably have to put each of your large images on a page, and call each page each time. I'm not sure why you're so set on using frames, they have many disadvantages.

CS3 How to style larger image window that thumbnail links to

Hi,
Can anyone advise on how to format the larger image a thumbnail links to? When I click on the link created from the thumbnail, the larger image just comes up tucked in the top left corner. I am creating this gallery manually because I don't have Fireworks, only CS3, which Fireworks didn't come with.
Any helpful suggestions would be greatly appreciated.

Acrobat Pro

Muse, thumbnails, click creates a larger images ???

Similar Messages

Maybe you are looking for