Spry Photo Gallery - How to add links to images
I was wondering if any one knew how I could add individual
links to images on the spry Photo Gallery—An XML-based photo
gallery. I need each image to have its own individual link when
clicked on. Any assistance would be most helpful.
Hi,
In the dashboard --> edit option u can see dashboard object here u can see folder ...by this folder u just include dashboard page other wise in the catalog share folder u need create each and evry module pre planned folder then save it each dashboard pages to relevent module folder.
THanks
Deva
Similar Messages
-
How to add link and image in oaf iprocurement stores page?
Hi Every1,
I have requirement to in iprocurement stores page. Already there are certain links ( a meaning full image+link ), by click on image or link it will take you to the
required page.
I need to add one more like that.
How can i do this ?
I know thru personalizations we can add links to the page, but how can i add image to that link. so that click of anyone will take to the req page.
Thanks,
Arun PeddiHi,
Here is one way of putting an image in the header:
<fo:layout-master-set>
<fo:simple-page-master master-name="my-page">
<fo:region-body margin="1in"/>
<fo:region-before extent="1in" background-color="silver" />
</fo:simple-page-master>
</fo:layout-master-set>
<fo:page-sequence master-reference="my-page">
<fo:static-content flow-name="xsl-region-before">
<fo:block height="150px" width="1024px" background-color="white" >
<fo:external-graphic src="http://localhost:9000/web-determinations9000/images/Header.jpg">
</fo:external-graphic>
</fo:block>
</fo:static-content>
<fo:flow flow-name="xsl-region-body">
</fo:flow>
</fo:page-sequence>One good XSL:FO refernce: http://www.learn-xsl-fo-tutorial.com
Hope this helps.
Thanks,
Aakarsh
Edited by: aakarsh on Apr 6, 2011 6:40 AM -
Spry Photo Gallery “Controls”
Hi Don Booth, David Powers, Kinblas et al,
Thank you all for your commitment, and I hope Spry isnt dead?!
I am years behind but I antē d up for the CS4 Master Collection at the beginning of the year and have been plowing through the many written and tv.adobe tutorials on the various programs. Some confuse so it was a pleasure to come to the straight forward instructions in Don Booth’s Photo Gallery that worked first time!
Forgive me however but although I have spent the last week perusing the forums (getting to know you all so well!) I can’t find any thread to help me to correctly add the “transport” “controls” div’s and bind them so that I get a better response to next/play/pause. I did find one detailing how to de activate the SlideShow Navigation - by deleting the container!! V1 Oct ’07.
As it seems to me there is nothing out there (in the Forum(s)) I assume this must be a simple case of ignorance on my part, and,- I feel stupid - I must be lagging way behind - for which I humbly apologize and ask for your help, thank you in anticipation.
http://www.portofinobayside.com/Gallery.html# (simpleTest - your images)
TunedupI've set up the photo gallery demo -china,paris,egypt- and
made a swap of a couple of my photos from in Dreamweaver's property
box src for thumbs, and link for the large pic. It works in Safari
and Opera but not in firefox and I don't know about IE as I'm on a
MAC and not that for into it yet.Is there something to look for in
the code? It shows no browser issues when I test for compatability?
I'd really like to use the xml version but I have tried and had no
luck except in Safari. -
Spry Photo Gallery Image Size via CSS
Hello!
I´ve been customizing the spry photo gallery for a couple of time, but got my little problem when viewing it on a mobile phone. When you load up the pictures with a size of 450 x 300 px for example, put up the right xml file with it´s width and height, so the gallery shows the pictures in that size. So what I want to do is that you can specify the image size with css depending on the device you´re watching the site with. There is div in the css called "mainImage" where the size is in %. When you change it to 75% for example. The pictures are correctly shown with 75% of it´s original size, but the outline (grey background) is still in 100%. When you make this grey background transparent it´s still there and moves the caption down. I guess there have to be done some changes within the SpryImageViewer.js, but I just know very little things about JavaScript. Do you have any clues how to change this to specify the image size via CSS?
Thank you for your help!!!
Kind regards,
JoergI see you are still using Spry 1.5. Have you considered upgrading to
Spry 1.6.1?
Also your XML is broken, if you open up your xml in a normal standards
complaint browser such as firefox, you will see that it doesn't render
a normal tree view as it would do with other xml files. So i suggest
checking those errors out.
Its mainly because you forgot to close your starting tag of the
gallerys node. (<gallery
base = ""
background = "#FFFFFF"
banner = "#F0F0F0"
text = "#000000"
link = "#0000FF"
alink = "#FF0000"
vlink = "#800080"
before your xml starts. -
Can anyone point me to a free download of all the files for
the fancy Spry Photo Gallery demo that is on adobe's website. The
basic tutorial is good but I am stuggling to add the fancy
fade/appear and hover elements and also the ability to load
multiple galleries.
ThanksYou might find what you are looking for in the demos/gallery
folder of the downloaded Spry 1.6 code. This is the same gallery
you can find at
http://labs.adobe.com/technologies/spry/demos/gallery/
Let me know if that is not what you wanted... -
Tutorial for a Spry photo gallery with thumbs and buttons ???
Anyone know of a a tutorial for building a Spry photo gallery with both thumbnails and next, previous, stop and play buttons(functions) ???
Like the ones on Adobe's Photo Gallery demos; http://labs.adobe.com/technologies/spry/demos/pe_gallery.html
Adobe show the source for their Photo Gallery Demos, but that doesn't help me much ... I need a prober tutorial that tells me how to do : )
The only tutorial that I've been able to find, is one for Dreamweaver 8, without buttons - I'm looking for a updated version.
I appreciate any help very much. Thank you.Just Google for the Spry photo gallery and you might find
http://cates-associates.net/tutorials/Tutorial-CS3-Spry.html
or even a few others.
Happy Sprying
Ben -
Spry Photo Gallery not viewing
am new to web design and followed this tutorial to make a
Spry Photo Gallery:
http://www.adobe.com/devnet/dreamweaver/articles/spry_photo_album.html
I am using Dreamweaver CS3 and when I preview my files,
everything is perfect and in place. When I upload everything and
view it on the server, no photos show up, and all of my div layers
are out of whack or missing even.
Any ideas, suggestions?? I feel like I am missing something
really simple.. THANKS!
http://www.summerinchicago.com/photoGallery/gallery.html
http://www.summerinchicago.com/photoGallery/photos.xml
http://www.summerinchicago.com/photoGallery/includes/SpryData.js
http://www.summerinchicago.com/photoGallery/includes/xpath.js
http://www.summerinchicago.com/photoGallery/imagesI've set up the photo gallery demo -china,paris,egypt- and
made a swap of a couple of my photos from in Dreamweaver's property
box src for thumbs, and link for the large pic. It works in Safari
and Opera but not in firefox and I don't know about IE as I'm on a
MAC and not that for into it yet.Is there something to look for in
the code? It shows no browser issues when I test for compatability?
I'd really like to use the xml version but I have tried and had no
luck except in Safari. -
Dynamic Spry Photo Gallery Thumbnails
I'm implementing the XML version of the Spry Photo Gallery. I
need to edit the size of of the thumbnails and make them larger,
roughly 100x130 or maybe a little smaller. Since I have so many
photos, I was planning to use CSS to handle the overflow with a
scrollbar. I noticed sizing occurs in the Index file, Gallery.js,
and in the XML file. Are there any others that im missing? I'm
having a problem with resizing them, they dont resize when I adjust
the size in those places. Any suggestions would be appreciated.
Thanks
link (select Tattoo from the dropdown):
http://www.bugsartwork.com/beta/gallery/index.htmlI overlooked screen.css, there was some css that was setting
the thumbnail img tag. -
How to add linked button in grid?
Hi,
Does anyone know how to add linked button in a grid? I can't find it but i saw someone ask similar question but seems none of them works.
Thanks a lot!
P.S. For some reason, i can't use matrix because the data is from a SQL query.
LanHi,
as far as I know it is not possible, since this adjustment is made for the whole column. I have created a grid and I open the shown document by double clicking the row header. In the grid I can see if it is sales or purchase and so I use a workaround by opening the specific system form (e.g. sales invoice) in find mode and search the document by document number (also shown in the grid).
Sample:
oSBOapp.ActivateMenuItem("2053"); //sales invoice
oForm = oSBOapp.Forms.ActiveForm;
oForm.Mode = SAPbouiCOM.BoFormMode.fm_FIND_MODE;
oEdit = (SAPbouiCOM.EditText)oForm.Items.Item("8").Specific;
oEdit.Value = Convert.ToString(dNum);
oForm.Items.Item("1").Click(SAPbouiCOM.BoCellClickType.ct_Regular);
By the click event, you get the specific row number. Hope it helps...
Regards
Sebastian -
How i can add link to image in mySql
im trying
add link to image in mysql fiels?
I do not want use blobok, here is my code
</tr>
<?php do { ?>
<tr>
<td><?php echo $row_Recordset1['id']; ?></td>
<td><?php echo $row_Recordset1['ime']; ?></td>
<td><?php echo $row_Recordset1['prezime']; ?></td>
<td><?php echo $row_Recordset1['Form']; ?></td>
<td><?php echo $row_Recordset1['Sun']; ?></td>
<td><?php echo $row_Recordset1['Wather']; ?></td>
<td><?php echo $row_Recordset1['Size']; ?></td>
<td><?php echo $row_Recordset1['Zone']; ?></td>
<td><img src="/plants/<?php echo $row_Recordset1['Picture']; ?>" /><td>
<td><?php echo $row_Recordset1['Picture2']; ?></td>
</tr>
<?php } while ($row_Recordset1 = mysql_fetch_assoc($Recordset1)); ?>
</table> -
How to add tooltip to images?
How to add tooltips to images?
OK, here is a more robust, more generic (any node) implementation.
It would be nice if I could find a way to automatically insert the tooltips in the scene, but at time of node with tooltip creation, scene doesn't exist yet... Should have a post-layout event, perhaps. Or I can do that once on the onMouseEntered event, but then I have to find a way to get the scene holding a given node. Tried to iterate on Parents, but I can't cast a Parent to a Scene?
Anyway, here is the new code:
Tooltip.fx
public class Tooltip extends CustomNode
public var text: String;
public var fill: Paint = Color.web('#EEFF00');
public var stroke: Paint = Color.GREEN;
var label: Label; // Make public to access textOverrun, textWrap, etc.?
var back: Rectangle;
override function create(): Node
label = Label
text: text
back = Rectangle
x: -2, y: -1
width: label.width + 4
height: label.height + 2
fill: fill
stroke: stroke
Group
content: [ back, label ]
init
visible = false;
layoutInfo.managed = false;
WithTooltip.fx
public mixin class WithTooltip
/** The tooltip to display. */
public var tooltip: Tooltip;
// We display the tooltip after a while being over the node
var tooltipTL = Timeline
keyFrames: KeyFrame
time: 750ms
action: function ()
//~ println("visible {%.0f tooltip.boundsInParent.minX} {%.0f tooltip.boundsInParent.minY}");
tooltip.visible = true;
var baseMouseMoved;
var baseMouseEntered;
var baseMouseExited;
postinit
var tooltipNode = this as Node;
baseMouseMoved = tooltipNode.onMouseMoved;
tooltipNode.onMouseMoved = function (evt: MouseEvent): Void
if (not tooltip.visible)
tooltip.translateX = evt.sceneX;
tooltip.translateY = evt.sceneY - 20;
baseMouseMoved(evt);
baseMouseEntered = tooltipNode.onMouseEntered;
tooltipNode.onMouseEntered = function (evt: MouseEvent): Void
//~ println("onMouseEntered: {%.0f evt.sceneX} {%.0f evt.sceneY}");
tooltipTL.playFromStart();
baseMouseEntered(evt);
baseMouseExited = tooltipNode.onMouseExited;
tooltipNode.onMouseExited = function (evt: MouseEvent): Void
//~ println("onMouseExited");
tooltipTL.stop();
tooltip.visible = false;
baseMouseExited(evt);
SomeStage.fx
class ImageWithTooltip extends ImageView, WithTooltip
var earthTT = Tooltip { text: "Mother Earth" }
var earth = ImageWithTooltip
image: Image { url: "{__DIR__}earth.png" }
tooltip: earthTT;
var mapTT = Tooltip { text: "General map of France" }
var map = ImageWithTooltip
image: Image { url: "{__DIR__}map.jpg", width: 200, preserveRatio: true }
tooltip: mapTT;
// Put the ImageWithTooltip nodes in layout if needed, put the Tooltip nodes at the end of the scene (on top, out of any layout). -
Spry Photo Gallery Broken Image Link
I have attempted to merge the spry photo tutorial with our church's website. The images simply won't show up. It shows a broken image icon, but I can't understand why. I am wondering if the menu bar's javascript is interfering. Here's the code:
Photo Gallery Page:
http://gtcdunn.org/GTWebsite/HTML/Gallery1.html
XML
http://gtcdunn.org/GTWebsite/photos.xml
Spry Assets:
http://gtcdunn.org/GTWebsite/SpryAssets/xpath.js
http://gtcdunn.org/GTWebsite/SpryAssets/SpryData.js
Thanks so much for your help!
~ChrisI see you are still using Spry 1.5. Have you considered upgrading to
Spry 1.6.1?
Also your XML is broken, if you open up your xml in a normal standards
complaint browser such as firefox, you will see that it doesn't render
a normal tree view as it would do with other xml files. So i suggest
checking those errors out.
Its mainly because you forgot to close your starting tag of the
gallerys node. (<gallery
base = ""
background = "#FFFFFF"
banner = "#F0F0F0"
text = "#000000"
link = "#0000FF"
alink = "#FF0000"
vlink = "#800080"
before your xml starts. -
Change cursor to pointer in spry photo gallery
Can anyone help me, I have created a website using Adobe's Spry Photo album and I need the cursor to change to a pointer to give the user an indication that there will be an action occuring when the thumbnail in the gallery is clicked.
Dave Powers suggested that I use a "hover pseudo-class" and gave me this code and suggested I put it into my Style sheet.
.thumbs:hover {
cursor: pointer;
I tried this but it did not work.
The website is: www.artizancreations.co.uk
Have I put this code in the wrong place, if so where should it go?
Regards
Ppoloswartzenegger wrote:
Hi Nadia, thanks for the input, I tried your suggestion and the cursor remained the same. I am trying the suggestions before uploading to my server, that is why you will not find David's code anywhere.
Ah, that confirms why I couldn't see it :-)
copied and pasted directly into the css stylesheet initially, but that did not work. Do I have to create a new rule in the style sheet and if so would it be a class? and once that rule has been made how do I add the code?
Well, into the stylesheet would be better because if you have the a similar gallery on another page, the other pages will read it too, if they are linked to the stylesheet.
Yes, it is a class.
Perhaps .thumbs should read .thumbnails as I do not think thumbs is anywhere in my code?
If there is a .thumbnails class in your current stylesheet and it refers to the styling of the thumbnails, then yes, replace thumbs with thumbnails and see if that works.
On a very quick look, I couldn't see a class for the thumbnails, all I could see what a class for the .thumbsContainer.
I'm only going by the code that David supplied you to make sure you place it in the correct place for testing purposes. I have not used this gallery before and am not sure of all the styles associated with it. -
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 -
Spry Photo Gallery not visible other than in Safari
Hi,
I created a photo gallery using Spry using the step-by-step instructions found at http://www.adobe.com/devnet/dreamweaver/articles/spry_photo_album.html.
The problem is that my gallery only can be viewed in Safari — Firefox, Netscape and Explorer (on a Mac) shows nothing of the gallery.
Here's the link:http://www.highmarkdesigns.com/Proofing/gsconsultants/website/gallery/gallery.html
I would greatly appreciate it if anyone can tell me why it's not working in the other browsers and how to correct it to work "everywhere."
Thanks!
HannaTHe IE version on the Mac is not supported by Spry. Its cross browser support includes:
Internet Explorer 6 +
Firefox 1.5 +
Opera 9.6 +
Safari 2.3 +
Chrome
As for the HTML content i saw in your scripts, it was just a basic empty page HTML.
Something like this;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
</head>
<body>
</body>
</html>
It didn't say the cause of this issue, just HTML tags. But if its fixed, than I wouldn't worry about it anymore.
Maybe you are looking for
-
Not able to access the 10g RAC DB
Hi All, I have installed 10G RAC on WIN2K box with 2 nodes. The installation was fine. I created a database with name "test". It created 2 instances "test1 on node1" and "test2 on node2". Now if i am trying to connect to "test", it fails. but if i us
-
how do I get my Mac to recognise that my iTunes library is on a hard drive?
-
Photoshop 8 (CS) in Windows 7 SP1 64 bit
Hi, I have a question: Will Photoshop 8 run correctly on Win7 SP1 64 bit? I ask this because this Microsoft article: http://www.microsoft.com/Windows/compatibility/windows-7/en-us/Details.aspx?type=Software& p=Adobe%20Photoshop%20CS&v=Adobe&uid=8&l=e
-
Version of iMovie for PowerPC G5 1.8GHz?
Does anyone know what version of iMovie and iLife does work on it and where that version can be downloaded? The download page for iMovie is http://support.apple.com/downloads/#imovie but, rediculously, it does not say anything about the hardware requ
-
My video gets pixilated (specifically the text on the video) after I import it in premiere. I don't think it's because of my editing because when i'm previewing a video after importing it the video is already downgraded and the text are so pixilated