ADD A LINK AROUND MAIN IMAGE IN PHOTO GALLERY

Can anyone help with the code for this. I need to add a link
to each image as it appear in the spry photo gallery. Each link
would be different and set in the xml file can some one help
please. I can't figure this one out.

It's usually something like:
<div spry:region="ds1" spry:repeat="ds1">
<a href="{link_dataref}"><img src="{image_dataref}"
/></a>
</div>

Similar Messages

How do you add a link to an image item

I have added an Image Item to a page and want to be able to add a link to that image but dont see any where you can put the link in the Image Item properties

One easy way to do this would be to add an image page, upload your image to the page, then create an html portlet with the appropriate tags to refer to the image and your link.

Add a link to an image in iBooks?

Is this possible? I can't seam to add any links to an image that I placed in the document.

Thanks, this is the only way I found how to link an images in iBooks. I put a text link in front dropped the opacity to 0%. The "red character links" are not visible in ipad, but are visible when exporting to pdf.

No Thumbs or Main Image with Spry Gallery Demo

Hi everyone, DW CS3 newbie here.
I hope this topic hasn't been beaten into the ground yet.
I'm trying to put together a site
(members.cox.net/rangersbu9/gallery.html) for my son's soccer team
and am running into a wall getting the original, dynamic Spry
gallery demo to work. I've done my best to collect and modify the
required files and place them appropriately but, when the files are
loaded on the live server (the wrap div contents are all but
invisible when I view with IE7 locally, apparently due to the PC
not be set up as local server) the thumbs are 'x's and the main
image is a 1px x 1px dot.
The controls will highlight between the empty thumbs and the
gallery pull-down will select between the two options I've put in
the XML file but that's about it. Perhaps it is my ignorance, but
it seems like a ( src= ) tag is missing in the 'mainImageOutline'
div because I cannot understand where the main picture is coming
from otherwise.
Any insight from the source at the link above? Please keep in
mind I have two week's experience with DW and website building but
do have a programming background (from a few decades ago :->). I
believe I have the un-updated CS3 Spry version, if that matters.
Many thanks to Don and others here for posts that have helped
me get this far.
-Kurt

Update:
Got the thumbs to appear. Had them physically sized larger
than the XML fields stated. However, they will not grow/shrink. In
digging through gallery.js, I see that those two functions call
Spry.Effects.SizeAndPosition() - I cannot find that function in any
of the includes (i.e. SpryEffects.js). Spry.Effects.Size yes, but
not SizeAndPosition. Wondering if this gallery.js calls a later
version of SpryEffects.js than I currently have installed (it's
Spry 1.4). I will download 1.6 and check it out but if anyone has
any other input, please let me know.
Still no main image. In gallery.js I found ShowCurrentImage()
which had a hardcoded path to the images that did not match mine.
Corrected the path but no change.
Any suggestions?
Thanks.
-Kurt

How to add the scroll bar in the vertical photo gallery?

like this, how to add the scroll bar? http://www.flashvault.net/tutorial.asp?ID=288 Thanks,

I want to know how to add a vertical scroll bar in the photo gallery which I copied from the tutorial. And add the event to catch MouseEvent.CLICK for each photo. Please advise. Thanks,

Set link for main image in gallery

Hi, how do you set link to the main image in the photo
gallery? I was able to add photo caption using the
spry:detailregion but cannot do use the same method for the main
image because Spry won't allow nested div.
I saw a thread that talked about changing the SetMainImage
function but I've tried that it doens't seem to work. Can you show
me how to edit the code to do this? Thank you.

ok, after a day of trial and errors, I found a little fix for
this. It is not pretty but it does the job. First, change the
mainImageOutline div to a link. Second, add in two lines of codes
into the function ShowCurrentImage()
html file
<a href="#" id="mainImageOutline" style="width: 0px;
height: 0px;" ><img border="0" id="mainImage" height="250"
width="250" src="images/spacer.gif" /></a>
gallery.js
function ShowCurrentImage()
var curRow = dsPhotos.getCurrentRow();
// added by Tri
var tri_imgHolder =
document.getElementById("mainImageOutline");
tri_imgHolder.href = curRow["@newsLink"]; // this pull the
link from the XML file
// added by Tri
SetMainImage("2006_home_news/" +
dsGalleries.getCurrentRow()["@base"] + "images/" + curRow["@path"],
curRow["@width"], curRow["@height"], "tn" + curRow["ds_RowID"]);
link in the xml file
<photo
path = "Domlg.jpg"
width = "440"
height = "250"
thumbpath = "domthumb.jpg"
thumbwidth = "90"
thumbheight = "70"
newsLink="
http://www.tringuyen.net">

How do I add an outline around an image in Elements 10

I have an image that I created via Elements 10... The main body of the image is black and I am wanting to add a white outline around the image so I can place the image on a black background... Can someone advise how to add an outline including colorizing the outline around the image... Thanks

Depending on what you want, you may need to add some canvas to give the border a place to be (Image>Resize>Canvas Size) but you can just press Ctrl+A/Cmd+A to select all, then go to Edit>Stroke (outline) selection, where you can choose the parameters of the border stroke. You can't choose Outside for the location, though, since that would put it off the canvas entirely where it wouldn't be visible.

Someone can help me? I want to add a link in this image (white tree). I think this is in a CSS file.

I need to know how do I add a link in this icon. I believe it is in a CSS file.
Please help me!

Find this in one of your templates:
<span id="Hover_tree"><img alt="" src="/images/red_area_nav_bg.png" /></span>
replace with:
<span id="Hover_tree"><a href="your link here"><img alt="" src="/images/red_area_nav_bg.png" /></a></span>
Hope this helps!

When I add a link to an image it stops aligning with text

I have my icon vertically aligned perfectly with a line of text right after it, but when I add a link to the icon, the text moves to the top of the image (not above it, but just aligned to the top of the image so it isn't centered vertically anymore). I am not changing anything but adding the link. I have had this issue before and wasn't able to fix it....

If you created your page from a Dreamweaver template, I am not surprised that it set images up to display: block; Here is what that does:
The element is displayed as a block element (like paragraphs and headers). A block element has some whitespace above and below it and does not tolerate any HTML elements next to it
You could also (if you want to have whitespace above and below image elements) try display: inline-block; Here is what that does:
The element is placed as an inline element (on the same line as adjacent content), but it behaves as a block element
Remember: display: inline; is the default.

Can't load images for photo gallery

Hi All,
This is my first stab at using Spry and I've run into a small
problem. I can't get my images to show up for the thumbs or the
large image. And when I read the article for this I only got more
confused.
quote:
Now you can make use of these new data points in the album.
Start by replacing the hard coded image folder paths to the values
used in the XML file.
In the thumbnail 'src' path, remove the 'thumbnails/' and
replace it with the XML value. Make sure to remove the forward
slash since that is already stored in the XML value for the path.
Repeat for the main IMG tag. Remove the 'images/' from the
'src' field and replace it with the XML value.
Now you have to tell the dynamic region that you will be
using data from the new dataset. Add the data set name to the
spry:region attribute, separated by a space.
When it says "replace it with the XML value", how do I do
that? What XML value? Can someone give me an example? Do I spec out
the directories in the XML file or within the code on my
gallery.html page?
Here's my dir structure
gallery.html
-photo_gallery (dir)
--photo.xml
--gallery (dir)
---pic1.jpg
---pic2.jpg
---pic3.jpg etc.

Hi Petron,
Sorry for the confusion.
You can do either. It depends on how you structure your XML.
The most flexible way would to just have the image name in
the XML file. That will let you change your folder structure
without having to update the file.
So your XML can say:
<photos>
<photo name="pic1.jpg" />
<photo name="pic1.jpg" />
</photos>
And your <img> tag can be:
<img src="gallery/{@name}">
{@name} is the data reference for your data set which
contains the image info.
But, if you have the full path in the XML:
<photos>
<photo name="gallery/pic1.jpg" />
then your img would be <img src="{@name}" />
Either way, the full path has to be built to the .jpg file.
The first way is probably better...
In my gallery tutorial, we start out with one gallery. But
later on, we expand it to use multiple galleries. We use one XML
file to tell use the image directory:
<galleries>
<gallery>china</gallery>
<gallery>egypt</gallery>
Where we can use these values as folder names.
Let me know if this helps. I don't want to give too many
unnecessary details that might confuse the issue.
If you have a sample URL, we can accurately help you.
Thanks,
Don

Adobe muse - how to upload images in photo gallery in the admin console?

Question from Adobe Muse beginner - I can't figure out how images can be uploaded in a slideshow/photo gallery in the admin console? I can edit or delete images but not upload additional images?

Hi,
May I know which admin console are you talking about.
You are talking about Business Catalyst or Adobe Muse?
Please provide the steps to access the admin console via Muse.
Regards,
Gaurav Aggarwal

Links get broken after adding photo gallery

I discovered a strange problem when creating a website with photo gallery.
I have a menubar with static links to all pages of the website which worked perfectly. Now after adding a photo grid the links of the my menubar are not clickable at all. This problem exists only if the photo thumbnail row is displayed. Do you have any ideas how to disable the thumbnail row automatically or any other workaround for this bug?

I have the same problem. Please see http://www.campfieldhouse.co.uk/Campfield_House/Gallery.html The page links 1, 2 and 3 just don't work. This is all coded automatically and there are no options for this. Thanks

How do i add a location to an image in photos?

I am trying to add a location to an existing image (I could do it in i-photo) and can not figure out how to add an address, any help?

There is no way in Photos.
http://www.apple.com/feedback/macosx.html is the place for feature requests and feedback

How to add fury trim around an image

What i want to do is add Fur around the outer edges of an image. Frame the image with fur and have the corners with a natural transition. I am working on a Poster for a Pimp/Ho Party and i want to trim the image with "PIMP" fur. Does anyone know of any tut's for this type of thing?
Thanks

The poor choice of theme aside You might want to experiment with the Brushes.
Attached are screenshots for settings of a simple elliptical Brush that may be useful, even better would be to create a custom Brush Preset of one »hair« – though the result will not be »realistic«.

Add a link in an image

Hello,
I want to create clickable area on the images. Can I do it directly in Java?
Thanks for the help.
Edited by: user1708164 on 3-mar-2011 7.49

user1708164 wrote:
I simply wish that it can intercept the click on some image area. Maybe these areas reporting to the user with an overlay image. Then the action to be taken in this area click on the dicide dynamically, depending on the point that you clicked and the information I have stored in a file.
Edited by: user1708164 on 3-mar-2011 10.18One simple way of doing this is to break the image up into several images. For instance, suppose you break up a picture into four equal parts.
Then you add four JButtons, each with one of the four images, on a GridLayout (4 X 4) and add an ActionListener to each button. Remove the Borders from the Buttons and you'll have what looks like one image, but with four areas in which different actions can be achieved.

ADD A LINK AROUND MAIN IMAGE IN PHOTO GALLERY

Similar Messages

Maybe you are looking for