Linking Lightbox to an image, is it possible?

Hi,
Currently I am working on a project where I have cropped an image in Photoshop, and would like to make this an active link that when clicked will open up the whole image in a lightbox style display window.
Is this possible in Adobe Muse?
I have been trying to find a solution to this problem, and have come across sites such as: Click to Zoom for Photos: Adding the Lightbox Effect - DWUser.com Education Center
however this will only load up the image in the window, not a different version of the image.
The main reason for a lightbox style presentation is that it is for my Photoshop and Photography portfolio, and would like to achieve a nice looking display piece, rather than clicking on an image and loading up another tab.
If it is possible, or if anyone has any other solutions/suggests I would greatly appreciate the helping had.
Cheers all
Chris
(digitalkuta)

Hi Chris,
Lightbox Display in Widgets Library > Compositions section is the widget for you.
It gives you the opportunity to individually set the content of the trigger (thumbnail) and target (lightbox image) rather than using the scaled down version of target image as thumbnail.
Let me know how that goes for you and if you need any further help.
Cheers,
Vikas

Similar Messages

Linking to a specific image in a gallery

Hi All,
I'm putting together a book where I have image references within the text of the chapters. Ideally, I'd like to be able to click on the image reference (text) such that an image appears as a gallery overlay, which would then allow me to view the image, zoom it, close it and come back to the text from where I clicked on the image reference.
I've been having some trouble doing this and am beginning to wonder if it is even possible in iBooks author. The only options I see are:
1. I insert the image inline; which is not an ideal solution for me in this case as there are a lot of images referred to from a single page and inserting them would crowd the page or make it too long
2. I insert an image gallery on every page, or at the end of a section or chapter; however when doing this two issues appear. a) I am unable to link from text to a specific image in a gallery (I can only link to the gallery but always the first image opens), and b) when exiting the gallery I am not taken back to the referring page from which I clicked to go to the gallery
3. Insert the images on separate pages in a chapter of their own; again the same issue crops up here - I am unable to go back to the referring page once done viewing the image.
I am pretty sure I'm missing something, as this must be a fairly basic requirement for book publishers. I am wondering if there is a lightbox style gallery widget or other functionality in ibooks author that I can use; or perhaps some settings that I am not aware of.
To recap, I'm looking to link text within a page to an image that would ideally open up on the same page; and once I'm done viewing the image for me to get back to the text I was previously viewing.
Thanks for your attention and assistance in advance.

I'm looking to link text within a page to an image that would ideally open up on the same page; and once I'm done viewing the image for me to get back to the text I was previously viewing.
You can't link to an image without bracketing that image with (hidden) text.
You can link to an individual image in a galllery.
Linking to an image that blows up on the same page is not a feature of iBA.
Automactically returning to a hyperkinked bookmarked from the target is not a feature of iBA.
If these are features you demand now, build an app.
If these are feature you'd like to maybe see in the future, use iBA's feedback menu and make your requests heard. Good luck.

Links in JPG & GIF images.

Hello board,
I'm making some JPGs & animated GIFs for my website, and my CMS allows images to link to only a single link; e.g. it
links the whole image. Is it possible to embed multiple links in a single image THEN upload to one's CMS? If so, how?

Marian Driscoll wrote:
JPG and GIF image files cannot contain even a single link. Links are only made through HTML.
You can slice the image (see Photoshop help on 'slicing') and then apply unique links to each slice in the CMS' WYSIWYG editor.
You can also manually enter a HTML image map for a single image file if your CMS allows raw HTML and does not filter that type of input.
Or you can use Dreamweaver.

Need help with adding lightbox feature to images pulled from .js

Hello,
I've been attempting to add a lightbox to separate images (no group) in a responsive one page portfolio template. Unfortunately I'm not savy with this topic.
The template came with a hover action to apply what I would believe to be a light box image but no other documentation on how to add it to the images. I've looked everywhere.
The portfolio gallery is built in .js Here is some code The image code you see is just copied over and over to add images.
BTW - Lightbox mxp only allows you to add to an image when clicked on in the properties. These images are pulled from .js
Here is a link to the site:
http://wswdesign.com
Please help!
<ul class="portfoliofilter">
<li class="filter active" data-filter="design branding media web">All</li>
      <li class="filter" data-filter="design">PRINT Design</li>
      <li class="filter" data-filter="branding">Branding</li>
      <li class="filter" data-filter="media">Digital Media</li>
      <li class="filter" data-filter="web">WEB DESIGN</li>
<ul class="portfolio">
<li class="item design">
<div class="portfolioitem">
<img src="img/print1.jpg">
<div class="portfoliohover">
<div class="info">
<h1>+</h1>
<h5>trade show graphics</h5>
<h6><b class="light-gray">Celguard / Membrana</b></h6>
</div>
</div>
</div>
</li>

You might want to correct your HTML errors first.
[Invalid] Markup Validation of http://wswdesign.com/ - W3C Markup Validator
Your document contains links to jQuery scripts. But I don't see any lightbox in there. It appears to be using jQuery's core library as well as scripts for carousel and scrolling/show & hide features.
Nancy O.

In an eMail message, when I attempt to save two photos by clicking the 'Save 2 Images' link, not the 'Save Image' link, the images are not saved. (I use I I apologize for the late notice, butOS7 on IPhone5). Is this feature broken?

In an eMail message, when I attempt to save two photos by clicking the 'Save 2 Images' link, not the 'Save Image' link, the images are not saved. (I use I I apologize for the late notice, butOS7 on IPhone5). Is this feature broken?

Please don't post the same question multiple times!

How do I go from a link to a specific image in a slideshow?

I have a two-part question.
1. How do I go from a link to a specific image in a slideshow? If you take a look at the attached screenshot, here's what I'd like to accomplish. I wan to click on a link like B for examply at the top of the page. It scrolls down the page to ANCHOR "b" where I have a slide show. Once it scrolls down, I would like to have the slideshow to slide over to the image set that matches the link that was clicked. in this case, if i click on B at the top, the slideshow would slide to image set "B".
2. Each piece of work I want to display has three images. One which is our main image seen inside the black outlined box below. There are however two additional images tied to each piece being shown. What is the best way to set this up? The default way of using the slideshow is limiting.

Unfortunately I don't have an answer for you as I have the same problem!
I want to link images on one page to certain slides on another.
Have you had any luck solving this?
I've spent hours looking for a solution... I'm very frustrated!!!
Will post again if I get some answers.
Best of luck
David
David, as of right now there is no way to click a link and have it go to a speficic image inside of a slideshow on another page. It will only show the first image in the slideshow on that other page.
So, perhaps you could just have the image you want to jump to on the other page, be the first image in the slide show. Make sense?

Linked pages wont load images in test browsers

I can load my index page.... or any of my other pages, and it will load fine, but click on the link.....NOTHING that is an image will load!
Now if I load the page directly from DreamWeaver (MX) It will load fine, but once I hit the links...no images, not even the back ground in there.
I've made sure that none of my images have gotten moved around in the folders, I've saved as HTML, Not really sure where to go from here, oh yeah, this just started about 3 days ago, cant figure it out.   H E L P !!!!!!!
   Shadow

ok......how do I show you code that isn't published? it won't let me copy and paste????
Greeting/ Invitation Card : Card Number 0001 Price: $3.50
Greeting/ Invitation Card : Card Number 0003 Price: $3.50
Greeting/ Invitation Card : Card Number 0004 Price: $3.50
Greeting/ Invitation Card : Card Number 0002 Price: $3.50
Artistic tiles : Tile Number :000T1
Christian Tile
4x4 $12.00
12x12 $20.00
Artistic    tiles : Tile Number :000T2
             Faith Tile                        4x4 $12.00
12x12 $2.00
Artistic    tiles : Tile number 000T3
Hope Tile
4x4 $12.00
12x12 $20.00
Artistic    tile : Tile number 000T4
Love Tile
4x4 $12.00
12x12 $20.00
view    my shopping cart.

Creating multiple links from one map image in Flash CS4

I have been tasked with creating multiple links from one map image using flash. Each link would go to the main website page with that location. I assume I could create a button for each location on the map but not having a lot of experience any help / tutorial you know of would be super helpful.. Thanks! Not looking for someone to work me thru it but a little guidance would be great!

If I was to answer the problem, I would be giving you what you asked not to be given... the solution. So I'll suggest that you start by researching the getURL() function. That is what AS2 uses for opening web pages.
As for coding a button, I'll recommend the following article for you... it will explain the proper approach to coding a button, which will give you an advantage over others who don't follow it, but instead use the way the article says not to.
http://www.adobe.com/devnet/flash/articles/as_bestpractices_04.html
Google is one of the best resources available for learning how to do things with Flash--it's the first place I go when I have a wondering. In general, if you type in the right keywords, you get fairly good search results. In your case, combinations of "AS2", "button", "getURL", "tutorial" would probably work well.

How do you add multiple links to a rollover image?

Hi guys,
I'm pretty much a novice when it come to DW, but i understand some things and can get by with a simple website(i only use design mode).
Anyways, i understand how to use rollovers if its a basic image over image swap. My issue is, I have a link that says "T-shirts" and what i want is when you roll the mouse over that text, it swaps to another text -"1 or 2". Now on the "1 or 2" image, i want to have 2 seperate links on them. I tried using hotspots but to no avail. Everytime, the "1 or2" text comes out as a single link. Is doing this possible? I'm using CS4 if that helps btw.
Thanks!!

I think you're trying to make something that is more complicated than it needs to be... First, as far as I know there is no easy way to accomplish what you're trying to do with a single image...
The first option would be to split your initial image in half, and create a rollover effect on the left half on rollover with the specified link 1, and add a second rollover effect on the right side image so that it also changes. Do the same with the right half image - create the rollover effect along with the link for that image only, then add a rollover script that affects the left side image (I've attached a very basic sample to demonstrate in the zip folder - note that there are two rollover images - each with a separate web link, and each has a rollover effect that affects both buttons...)
Second option is perhaps using a "Dropdown" menu that (on rollover) shows two more links... there are many ways this can be accomplished - the easiest (in my opinion) is by using the "spry menu bar". Once created, you can adjust the colors, fonts etc., and an image could be replaced on the initial link within the css... (my website is still under construction, but hopefully will show what I mean: http://www.jgigandet.com/) If you google "drop-down menu html, you'll find several other alternatives to spry as well...
Hope that helps...
Jesse

How can I link to a slideshow image on a separate page?

I would like to link images on my homepage to specific images in a slideshow on my "Work" page. Currently I'm simply linking to anchored points on the "Work" page where corresponding slideshow thumbnails are, but I would like to eliminate the step of clicking on the "Work" thumbnail to open the slideshow. Is this possible, and if so, how do I go about doing this?
Thanks so much

Hello,
Unfortunately this is currently not possible to achieve in Adobe Muse.
User would need to click on the thumbnail to view the image. Anchor links cannot take users to specific slides/images in a Widget.
I would suggest you to post this as a feature request on our "Ideas for features in Adobe Muse" section of the forums : http://forums.adobe.com/community/muse/ideas
Regards,
Sachin

Can you link remote rollovers to images in an iFrame?

I have a page called Jewelry in Dreamweaver with an iFrame on it that takes up half the right hand side of the page. The iFrame links to a page with all my thumbnail images. On the left hand side of my Jewelry page I want to have a larger version of the thumbnails pop up when someone mouses over an image in the iframe - How can I do that (I have DW CS4) A tutorial would be great!
Thanks anyone,
Aza

I have no idea if that can be done - only because I've never tried it because I would never create a page like that :-)
Why not have the thumbnails on the actual page and use something like Lightbox to bring up the bigger picture....it's a more practical and modern way to do this type of gallery page.
example and how to do this is here:
http://www.lokeshdhakar.com/projects/lightbox2/
Nadia
Adobe® Community Expert : Dreamweaver
Unique CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
Book: Ultimate CSS Reference
http://www.sitepoint.com/launch/005dfd4/3/133
http://twitter.com/nadiap

LightBox problem - Close image too big

Is anyone here familiar with LightBox image show, please?
They have a image show, without the usual Windows icons and blue
frame. Have tried all sorts, but can't get it working. As there is
no documentation with the software, am rather lost...

TC2112:
I have already done as you suggested above, before I posted
the code, which got cut-off at right margin, hence you did not see
the complete line. So here is a re-post ot it. But it still does
not work. The proper image image shows in a new blank window, at
0,0
Any suggestions, please?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
body {scrollbar-3dlight-color:#ffd700;
scrollbar-arrow-color:#ff0;
scrollbar-base-color:ff6347;
scrollbar-darkshadow-color:ffa500;
scrollbar-face-color:#17ac00;
scrollbar-highlight-color:#ccffff;
scrollbar-shadow-color:#f0f}
</style>
<script type="text/javascript"
src="js/prototype.js"></script>
<script type="text/javascript"
src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript"
src="js/lightbox.js"></script>
<link_rel="stylesheet" href="css/lightbox.css"
type="text/css" media="screen"/>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<title>Canapes. Bespoke canapes in West London
area.</title>
<script language="JavaScript" type="text/JavaScript">

</script>
</head>
<body bgcolor="#EEFB95" text="#0000FF" link="#0000FF"
vlink="#0000FF" alink="#0000FF"
onLoad="MM_preloadImages('home_selected.jpg','home_over.jpg','services_selected.jpg',
'services_over.jpg','canapes_selected.jpg','gallery_selected.jpg',
'gallery_over.jpg','contact_selected.jpg',
'contact_over.jpg');initLightBox()">
<div id="Layer2" style="position:absolute; width:450px;
height:300px; z-index:2; left: 361px; top: 216px;">
<blockquote>
<p><font color="#0000A0" face="Verdana, Arial,
Helvetica, sans-serif">
<a href="pop/cold/cold_avocado_pop.jpg"
onClick="lightbox" >Avocado/cheese pate on
toast</a><br>
<a href="javascript:;">Bruschetta with various
toppings</a><br>
<a href="javascript:;">Bread sticks with Proscuitto
ham</a><br>
<a href="javascript:;">Celery sticks with cream
cheese</a><br>
<a href="javascript:;">Celery, cucumber, carrot
sticks</a><br>
<a href="javascript:;">Cheese balls with different
coatings</a><br>
<a href="javascript:;">Cheese cubes with
garnish</a><br>
<a href="javascript:;">Cheeses on water
wafers</a><br>
<a href="javascript:;">Cherry tomatoes with various
fillings</a><br>
<a href="javascript:;">Chicory leaves with various
fillings</a><br>
<a href="javascript:;">Cold meat slices on water
wafer</a><br>
<a href="javascript:;">Cucumber cups with various
fillings</a><br>
<a href="javascript:;">Devilled
eggs</a><br>
<a href="javascript:;">Filo cups with various
fillings</a><br>
<a href="javascript:;">Smoked salmon, cream cheese on
rye<br>
Tarts with various fillings</a></font></p>
<p></p>
<p><br>
</p>
</blockquote>
</div>
<h1 align="left"><img src="canapes_text.jpg"
width="881" height="543" hspace="45"
onbeforeunload="MM_preloadImages('canapes_text.jpg')"></h1>
<div id="Layer1" style="position:absolute; width:176px;
height:276px; z-index:1; left: 160px; top: 217px; visibility:
visible;"><br>
<a href="index1.htm" target="_top"
onClick="MM_nbGroup('down','group1','home','home_selected.jpg',1)"
onMouseOver="MM_nbGroup('over','home','home_over.jpg','home_over.jpg',1)"
onMouseOut="MM_nbGroup('out')"><img src="home_unsel.jpg"
alt="" name="home" border="0" align="absbottom"
onload=""></a><br>
<a href="services_page.htm" target="_top"
onClick="MM_nbGroup('down','group1','services','services_selected.jpg',1)"
onMouseOver="MM_nbGroup('over','services','services_over.jpg','services_over.jpg',1)"
onMouseOut="MM_nbGroup('out')"><img src="services_unsel.jpg"
alt="" name="services" border="0" onload=""></a><br>
<a href="canapes_main.htm" target="_top"
onClick="MM_nbGroup('down','group1','canapes','canapes_selected.jpg',1)"
onMouseOver="MM_nbGroup('over','canapes','canapes_selected.jpg','canapes_selected.jpg',1) "
onMouseOut="MM_nbGroup('out')"><img
src="canapes_selected.jpg" alt="" name="canapes" border="0"
onload=""></a><br>
<a href="gallery_main.htm" target="_top"
onClick="MM_nbGroup('down','group1','gallery','gallery_selected.jpg',1)"
onMouseOver="MM_nbGroup('over','gallery','gallery_over.jpg','gallery_over.jpg',1)"
onMouseOut="MM_nbGroup('out')"><img src="gallery_unsel.jpg"
alt="" name="gallery" border="0" onload=""></a><br>
<a href="contact_page.htm" target="_top"
onClick="MM_nbGroup('down','group1','contact','contact_selected.jpg',1)"
onMouseOver="MM_nbGroup('over','contact','contact_over.jpg','contact_over.jpg',1)"
onMouseOut="MM_nbGroup('out')"><img src="contact_unsel.jpg"
alt="" name="contact" border="0" onload=""></a><br>
</div>
</body>
</html>

Lightbox thumbnail background image states

http://swansonretail01.businesscatalyst.com/soil.html
I have 5 lightboxes on the page listed above. The expected behavior would be that the roll over state would drop the opacity by 20%. What's happening is on three of the lightboxes is a different image is being displayed. I've double and triple checked the states in each lightbox and republished, refreshed the browser, but to no avail.
Thoughts?
-Ben

Hi,
Please send your .muse file and a link to this forum topic to my attention to [email protected] If your .muse file is larger than 20MB use a filesharing service like SendThisFile or Adobe SendNow.
Regards,
Abhishek Maurya

Page linking along the side. Is it possible?

I am trying to set up an iWeb site and I need to have the page linking along one side. All the theme pages provided with iWeb seem to have the page linking along the top. Is it not possible to have it along the side?

It is indeed possible with images or text. You can create your own navigation. Here is an example of text navigation "it is across the top but, it cold be any where" you simply enable it as a hyperlink and link it to one of your pages.
Demo:
http://jeffnitschke.com

I can't open new tabs from links in a site, while it is possible from chrome.

In this site http://www.thepressproject.gr/ I can't open the links in new tabs, while for the same site using chrome I can. When I right click on the link, i don't have the usual options (open in new tab, open in new window, bookmark etc.). It is as if it doesn't "see" the links at all and the options are for the main page.
What is wrong?
(I am sorry for my english, I hope I make sense!)

That is a really strange issue. I've never heard of it before nor can I figure out how to fix it. What I'd recommend doing is disabling all your add-ons to see if that fixes the problem. If it does, one of your add-ons is causing the issue. If it doesn't, try [[Troubleshoot Firefox issues using Safe Mode|starting Firefox is Safe Mode]] to see if the issue disappears. If the problem doesn't happen in Safe Mode, it's a problem with something that runs in Firefox when you start it normally (could be settings, plug-ins, add-ons, etc). If you can't figure out what is causing the problem in Safe Mode or you know the problem but can't solve it, the easiest thing to do is to [[Reset Firefox – easily fix most problems|reset Firefox]] or completely reinstall Firefox, described below:
Certain Firefox problems can be solved by performing a ''Clean reinstall''. This means you remove Firefox program files and then reinstall Firefox. Please follow these steps:
'''Note:''' You might want to print these steps or view them in another browser.
#Download the latest Desktop version of Firefox from [https://www.mozilla.org mozilla.org] (or choose the download for your operating system and language from [https://www.mozilla.org/firefox/all/ this page]) and save the setup file to your computer.
#After the download finishes, close all Firefox windows (or open the Firefox menu [[Image:New Fx Menu]] and click the close button [[Image:Close 29]]).
#Delete the Firefox installation folder, which is located in one of these locations, by default:
#*'''Windows:'''
#**C:\Program Files\Mozilla Firefox
#**C:\Program Files (x86)\Mozilla Firefox
#*'''Mac:''' Delete Firefox from the Applications folder.
#*'''Linux:''' If you installed Firefox with the distro-based package manager, you should use the same way to uninstall it - see [[Installing Firefox on Linux]]. If you downloaded and installed the binary package from the [http://www.mozilla.org/firefox#desktop Firefox download page], simply remove the folder ''firefox'' in your home directory.
#Now, go ahead and reinstall Firefox:
##Double-click the downloaded installation file and go through the steps of the installation wizard.
##Once the wizard is finished, choose to directly open Firefox after clicking the Finish button.
More information about reinstalling Firefox can be found [[Troubleshoot and diagnose Firefox problems#w_5-reinstall-firefox|here]].
<b>WARNING:</b> Do not use a third party uninstaller as part of this process. Doing so could permanently delete your [[Profiles|Firefox profile]] data, including but not limited to, extensions, cache, cookies, bookmarks, personal settings and saved passwords. <u>These cannot be easily recovered unless they have been backed up to an external device!</u> See [[Back up and restore information in Firefox profiles]].

Linking Lightbox to an image, is it possible?

Similar Messages

Maybe you are looking for