Slideshow with linked images
Hi,
I read on a post from about a year ago that someone else was having problems getting the images in his slide show to be linked to other web sites or other pages. The solution for the linking was the following onclick javascript code:
<img src="pic1.jpg" onclick="window.location = 'http://www.google.com';" />
That is working great. But my last minor issue is that I'm not getting the "pointy finger" indicator when I hover over an image, showing that it links to somewhere. The original discussion said to add this to the css:
#slideshow img {
cursor:pointer;
But I'm not sure which css to add this to. jquery-latest.min.js? jquery.cycle2.min.js? And where? at the very end, or....?
Thanks for any help you can give. I'm obviously not a javascript programmer so I'm just trying to tape and paste this solution together.
Gail
Nancy,
As I mentioned, your solution didn't work for me, partly because I didn't fully understand the instructions. I'll go through my questions step by step. See my comments in bold below.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 with Cycle2 </title>
OK, I've done this. Essentially created a new template with the above code.
<!--add this to your HTML5 Template.dwt <head> tags-->
<!--Latest jQuery Core Library-->
<script src="http://code.jquery.com/jquery-latest.min.js">
</script>
I did that. Added it to the template I created above.
<!--add this to your Template.dwt <head> tags-->
<!--Cycle2 Plugin Script-->
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20130409/jquery.cycle2.min.js"></script>
</head>
On this step, do you mean the same template page I created above, or something else? If it's the same template, then this script comes right after <script src="http://code.jquery.com/jquery-latest.min.js"> </script> , correct?
In these steps below, I assume you mean I create a new HTML page based on the template I created above?
<body>
<!--add this to your HTML5 child page-->
<!--begin slideshow-->
<div class="slideshow"
data-cycle-pause-on-hover='true',
data-cycle-timeout='2000'
data-cycle-slides="> a"
>
<!--your images go here-->
<a href="http://www.iongeo.com"><img src="images/ION_GeoVentures_logo_sm.jpg" alt="ION logo"/></a>
<a href="http://www.hess.com"> <img src="images/Hess-logo_sm.jpg"/></a>
<a href="http://www.shell.com"><img src="images/Shell-logo-sm.jpg"/></a>
<a href="http://www.chevron.com"><img src="images/Chevron-logo_sm.jpg"/></a>
<a href="http://www.halliburton.com"><img src="images/Halliburton-logo_sm.jpg"/></a>
<a href="http://www.statoil.com"><img src="images/Statoil_logo_sm.jpg"/></a>
<a href="http://www.slb.com"><img src="images/Schlumberger-logo_sm.jpg"/></a>
<!--end slideshow-->
</div>
</body>
</html>
Again, I apologize for being dense!
Jon: I did go to the validator page, and removed the extra <head> and <body> and <style> tags.
Gail
Similar Messages
-
Auto slideshow with progressive image load
Hello everyone,
Does anyone know of a good autoplay slideshow script that
starts with the
first image on page load and then downloads the additional
images when
called? In other words, if there are 20 images in the
slideshow, it doesn't
load all 20 images before displaying the first.
I have just a couple of specific requirements.
I don't need any controls (pause, forward, etc) on it.
Most of the javascript slideshows I've looked at in Google or
have in my
snippet list have the image name hardcoded in the script.
Image1.jpg, image2.jpg, etc, which won't work.
I'll be feeding the images dynamically depending on the
category the user
chooses and the image names are variable.
I'm currently using javascript that automatically shows and
hides divs with
the same class name by changing the display style from none
to block and
back to none as it loops through them.
This works well as I can dynamically write as many divs as
needed by looping
through all the items in a category.
But alas, this one still doesn't start to run until all the
images are
downloaded.
You can see it here:
http://www.onelongfellowsquare.com/
There's actually 3 "slideshows", stacked one on top of the
next, using this
in the "Featured" section.
Thank you for any help or ideas.
Take care,
TimThanks, Jeff.
That's the functionality I was looking for.
I just need to figure out the best way to dynamically fill
the array with
image names from a database.
Take care,
Tim
"Jeff" <[email protected]> wrote in message
news:[email protected]...
> <head>
> <script language="JavaScript1.1">
> <!--
> var slidespeed=3000
> var slideimages=new
>
Array("image1.JPG","image2.JPG","image3.jpg","image4.jpg","image5.jpg","image6.jpg")
>
> var slidelinks=new Array("")
>
> var newwindow=0
>
> var imageholder=new Array()
> var ie=document.all
> for (i=0;i<slideimages.length;i++){
> imageholder
=new Image()
> imageholder.src=slideimages
> }
>
> function gotoshow(){
> if (newwindow)
> window.open(slidelinks[whichlink])
> else
> window.location=slidelinks[whichlink]
> }
> //-->
> </script>
> </head>
>
> <body>
> <a href="javascript:gotoshow()"><img
src="image1.JPG" alt="" name="slide"
> width="400" height="271" border=0
style="filter:blendTrans(duration=3)">
>
> <script language="JavaScript1.1">
> <!--
> var whichlink=0
> var whichimage=0
> var blenddelay=(ie)?
document.images.slide.filters[0].duration*1000 : 0
> function slideit(){
> if (!document.images) return
> if (ie) document.images.slide.filters[0].apply()
> document.images.slide.src=imageholder[whichimage].src
> if (ie) document.images.slide.filters[0].play()
> whichlink=whichimage
> whichimage=(whichimage<slideimages.length-1)?
whichimage+1 : 0
> setTimeout("slideit()",slidespeed+blenddelay)
> }
> slideit()
> //-->
> </script>
> </body>
>
> Jeff
>
>
>
> ----- Original Message -----
> From: "TC2112" <[email protected]>
> Newsgroups: macromedia.dreamweaver
> Sent: Saturday, January 31, 2009 7:04 PM
> Subject: Auto slideshow with progressive image load
>
>
>> Hello everyone,
>>
>> Does anyone know of a good autoplay slideshow script
that starts with the
>> first image on page load and then downloads the
additional images when
>> called? In other words, if there are 20 images in
the slideshow, it
>> doesn't load all 20 images before displaying the
first.
>>
>> I have just a couple of specific requirements.
>> I don't need any controls (pause, forward, etc) on
it.
>> Most of the javascript slideshows I've looked at in
Google or have in my
>> snippet list have the image name hardcoded in the
script.
>> Image1.jpg, image2.jpg, etc, which won't work.
>> I'll be feeding the images dynamically depending on
the category the user
>> chooses and the image names are variable.
>>
>>
>> I'm currently using javascript that automatically
shows and hides divs
>> with the same class name by changing the display
style from none to block
>> and back to none as it loops through them.
>> This works well as I can dynamically write as many
divs as needed by
>> looping through all the items in a category.
>> But alas, this one still doesn't start to run until
all the images are
>> downloaded.
>> You can see it here:
>>
http://www.onelongfellowsquare.com/
>> There's actually 3 "slideshows", stacked one on top
of the next, using
>> this in the "Featured" section.
>>
>> Thank you for any help or ideas.
>>
>>
>> Take care,
>>
>> Tim
>>
>>
>
> "TC2112" <[email protected]> wrote in message
> news:[email protected]...
>> Hello everyone,
>>
>> Does anyone know of a good autoplay slideshow script
that starts with the
>> first image on page load and then downloads the
additional images when
>> called? In other words, if there are 20 images in
the slideshow, it
>> doesn't load all 20 images before displaying the
first.
>>
>> I have just a couple of specific requirements.
>> I don't need any controls (pause, forward, etc) on
it.
>> Most of the javascript slideshows I've looked at in
Google or have in my
>> snippet list have the image name hardcoded in the
script.
>> Image1.jpg, image2.jpg, etc, which won't work.
>> I'll be feeding the images dynamically depending on
the category the user
>> chooses and the image names are variable.
>>
>>
>> I'm currently using javascript that automatically
shows and hides divs
>> with the same class name by changing the display
style from none to block
>> and back to none as it loops through them.
>> This works well as I can dynamically write as many
divs as needed by
>> looping through all the items in a category.
>> But alas, this one still doesn't start to run until
all the images are
>> downloaded.
>> You can see it here:
>>
http://www.onelongfellowsquare.com/
>> There's actually 3 "slideshows", stacked one on top
of the next, using
>> this in the "Featured" section.
>>
>> Thank you for any help or ideas.
>>
>>
>> Take care,
>>
>> Tim
>>
>>
>
> -
Is there a tutorial around on creating a slideshow with
fading images. I want to drop my images into a folder. 01.jpg,
02.jpg etc. and then have an actionscript automatically fade them
in and out.
Does someone know how to do this dynamically. I know it can
be done. I want all of the .jpg images to reside in a folder and
then I want the images to load and play automatically using an .XML
file.
ThanksI would do it with this code:
on frame 1:
mc = function() {
num = (Math.round(Math.random()*27));
//----------------------------------------- 27 being the
number of images i have (name them from 0.jpg to 26.jpg
totalfilename = num + ".jpg";
_root.picLoader.loadMovie("
http://www.yoursite/yourimageFolder/"
+ totalfilename);
//----------------------------------------picLoader being my
empty movie clip where the pictures are loaded
mc();
clearInterval(mc.intID);
mc.intID = setInterval(mc, 20000);
// ----------------------------------------------- every 20
sec the picture will change randomly
then on the emptyMovieClip ad this code:
// this will fade the image in
onClipEvent (load)
this._alpha = 0;
onClipEvent (enterFrame)
if (this._alpha < 100)
this._alpha = this._alpha + 5;
} // end if
if (this._alpha >= 100)
this._alpha = 100;
} // end if
I hop this helped -
We are creating PDF files with annotations, we are using the O2 Solutions PDF Library for C#. We used to create PDFStampAnnotations, but now we want to make the images clickable, to navigate to the URL belonging to the image.
Therefore, we are now using PDFLinkAnnotations, with a PDFImageAppearance.
We set the flags of the annotation to Print.
However, the annotation won't show in the PDF in Adobe Reader. It does show in the Google Chrome inline PDF viewer.
It also shows in the print preview window in Adobe Reader.
But it does not show in the normal view in Adobe Reader. What we do see is, when hovering over the rectangle that should contain our image, our mouse cursor becomes a hand and a tooltip with the link is displayed. If we click, everything works as expected. But we don't see an image!
What can we do about this? This is really annoying, as I don't have a clue why it won't work. Actually, to me, this looks like a bug in Adobe Reader?
Old (working, without link):
=================================================================================
15 0 obj
<</Contents (DEV-1)
/M (D:20130222103743+01'00')
/Subj (TigrisTag)
/Subtype /Stamp
/F 4
/Name /Custom
/AP <</D 16 0 R
/N 16 0 R
>>
/CreationDate (D:20130222103743+01'00')
/Rect [560.349976 10.000023 601.999977 51.650024 ]
/NM (97c87adc-5494-440a-b0b4-eb606e358169)
/T (name)
/P 4 0 R
/Type /Annot
>>
endobj
16 0 obj
<</Resources <</XObject <</ImageStamp 17 0 R
>>
/ProcSet [/PDF /Text /ImageB /ImageC ]
>>
/BBox [0 0 39.20008 39.20008 ]
/Name /Form_4943204746964B4C8B728A4CBD79B339
/FormType 1
/Length 41
/Src (XO:/Form_4943204746964B4C8B728A4CBD79B339)
/Type /XObject
/Subtype /Form
/Matrix [1 0 0 1 0 0 ]
>>
stream
39.2001 0 0 39.2001 0 0 cm
/ImageStamp Do
endstream
endobj
17 0 obj
<</Width 245
/ColorSpace [/Indexed /DeviceRGB 1 18 0 R ]
/BitsPerComponent 1
/Filter /FlateDecode
/Length 471
/Subtype /Image
/Height 245
>>
stream
(stream contents)
=================================================================================
New (not working, with link):
=================================================================================
18 0 obj
<</Resources 4 0 R
/Type /Page
/Group <</CS /DeviceRGB
/S /Transparency
/I true
>>
/Annots [19 0 R ]
/MediaBox [0 0 595 842 ]
/Contents 23 0 R
/Parent 3 0 R
>>
endobj
19 0 obj
<</Contents (TigrisTag)
/A <</S /URI
/URI (http://localhost:50830/publications/code/DEV-8)
>>
/M (D:20130225170939+01'00')
/Subtype /Link
/F 4
/NM (6a41409d-b8fb-44b6-8a7c-ab1c73088869)
/Name /Image
/AP <</D 20 0 R
/N 20 0 R
>>
/Rect [544.506958 9.999985 585.000015 50.493042 ]
/BS <</W 0
>>
/CreationDate (D:20130225170939+01'00')
/H /I
/P 18 0 R
/Type /Annot
>>
endobj
20 0 obj
<</Resources <</XObject <</ImageStamp 21 0 R
>>
/ProcSet [/PDF /Text /ImageB /ImageC ]
>>
/BBox [0 0 39.20008 39.20008 ]
/Name /Form_119A6CEBB1C8452D962814D585C640CC
/FormType 1
/Length 41
/Src (XO:/Form_119A6CEBB1C8452D962814D585C640CC)
/Type /XObject
/Subtype /Form
/Matrix [1 0 0 1 0 0 ]
>>
stream
39.2001 0 0 39.2001 0 0 cm
/ImageStamp Do
endstream
endobj
21 0 obj
<</Width 245
/ColorSpace [/Indexed /DeviceRGB 1 22 0 R ]
/BitsPerComponent 1
/Filter /FlateDecode
/Length 467
/Subtype /Image
/Height 245
>>
stream
(stream)
endstream
endobj
=================================================================================Thank you for your reply.
Indeed, I tried saving a PDF that had the "default appearance", it shows exactly the same. So it looks like it "can't" show the image.
However, of course, I do want the image to be shown. How can I achieve this? How can I tell Adobe Reader (and other PDF viewers) I really really realllyyyyy want to see that image there? I believe I'm not doing anything really exotic, right? There must have been tons of other people that wanted to do the same thing, I guess?
var annotation = new PDFLinkAnnotation
Action = new PDFUriAction(this.GetCodeUrl(code)),
Contents = AnnotationIdentifier,
Appearance = new PDFImageAppearance(bitmapImage),
DisplayRectangle =
new DisplayRectangle(
barcodeLocationInfo.X,
barcodeLocationInfo.Y,
barcodeLocationInfo.Tsw,
barcodeLocationInfo.Tsh),
Flags = Flags
pdfPage.Annotations.Add(annotation); -
InDesign CS5.5 won't import docx/Word2010 with linked images.
Hi,
Maybe somebody knows what is going out
I have WORD 2010 document with LINKED MathType equations saved as EPS files.
In WORD 2010 they are LINKED or LINKED AND EMBEDED - but when I try to import this DOCX file into InDesign CS5.5 - images are missing.
Only EMBEDED images are imported/visible - but of course not linked.
I hope somebody can tell me if this is WORD or InDesign problem and how to fix this.
DOC file saved from WORD 2000 - imports perfectly fine - all EPS equations linked in WORD are perfectly visible and still linked in InDesign CS 5.5.
thxPeter Spier wrote:
Hi Robert, we haven't seen you here for a while. Welcome back.
Thx
I know Jongware complains bitterly that Word import can be really flakey. Did you try daving as plain .doc, too? Seems like MathType equations are also the subject of a fair number of posts, too, but I'm not sure they are really a similar problem. I don't suppose there's any way for you to convert the eqations to .ai or PDF and still use them as links in Word, or to embed rather than link?
I'm working on big tool to automatic mass processing big number of Word files. One of the steps is to prepare Word files with MathType equations for further manual processing. I have a macro (for Word2010) to automatically export all equations to EPS files. The next step is to reImport EPS files back to Word - so they will be imported into InDesign as linked files and then they could be automatically correctly positioned withing the text.
The problem is - I've done reImport step in Word2000 - as 2nd macro - and it works perfectly fine for DOC files saved from Word2000.
Of course I can do this in InDesign - but I think it would be faster in Word.
I think missing import of the linked files for DOCX files is a BIG bug ... -
Problem with linking images in form
Dear Personnel,
I am using live cycle designer 9.0.Using this i created forms. And i want to load images dynamically to an image field or to an image object.As per the Adobe team,using the href link- i can pass the url of the image.I have supplied that.But the thing is that when i save the form, size of the form takes the size of the images too ,eventhough i didnt embed the image to the form.
I have tried javascript to link to image in the form:ready event but that too doesn't work for me.The main thing i need is to reduce the size of the pdf.So i just want to link images to the form whenever it is opened only.
I have asked many times and no one replies............please try to solve this................Thanks for the information! I think that maybe it is the 2 color transparency issue that I am having. Some of my images have 2+ colors in them in addition to a transparent background.
This is kind of a silly limitation for LiveCycle honestly, because many people use PNG files with more than one color!
I will try to scale down the amount of colors or use JPEGs instead - thanks!
Best Regards,
Ashley -
Question on PDF files with linked images (not embedded) between Reader and Illustrator
I run into situations when I get customer PDFs that need to be edited. When they load in Acrobat Reader it works fine. However if I load it into Illustrator it asks me to point it to the linked file. The question is how does Acrobat Reader open a PDF file and show a linked file when it is not embedded? Why can't Illustrator do the same thing?
This is more of a technical question, but any information would be helpful. Thanks.For linked images, your PDF file contains a thumbnail image along with the reference or address of the actual image. Reader will display this thumbnail. Now, wanting to edit the PDF in Illustrator, it wants to enable you working on the actual image. Hence it asks you to point to the linked file.
HTH -
Broad Question - Horizontal Scrolling Slideshow with Still Images
Hi everyone,
I have to make a horizontal scrolling slideshow using many images of different filetypes, sizes and DPI in Premiere Pro CS5.5. I have tried a few different methods but each has its own problems:
1. Arrange still images horizontally in the timeline, adjacent to eachother, and apply a custom Push video transition between each one. This is a consistent method that doesnt require much work but it's tough to control the amount of whitespace between the images, especially when the images are all different proportions.
2. Arrange still images both horizontally and vertically in the timeline, so that there is no white space between the images (the images overlap across multiple video lanes). Then, set up motion fx for the position of the image for each clip. This is tedious and I have to make every clip the same size and make sure the distance each clip travels (in the motion fx) is the same. So for instance, I have to set the starting key to 1200 on the x-axis, and the ending key to -300, for every single image (tedious when there are many). Another problem with this is that it becomes very difficult to change the duration of the motion fx once ive set it up for many.
3. To have an easier time composing the arrangement of images, I just make a single giant image by laying out dozens of photos in InDesign, then export a very wide jpeg. The great thing about this is it's fast, easy, and the composition is exactly how i want it. The bad thing is that premiere doesn't handle many megapixel images well, and furthermore the image quality is horrific compared to the quality of importing individual images.
The biggest problem with all of these is the image quality (extremely poor compared to viewing the source images on their own) and the animation smoothness (all three methods produce very jittery and erratic videos). The biggest question I have is: should I even be doing a slideshow in Premiere? Can someone recommend a better application I should be using for something like this? Do i have to learn Flash? I am not trying to make an interactive thing, just a video/animation where I hit play and dozens of images scroll horizontally, at the same speed, with a lot of control over the scaling of the images and their horizontal and vertical arrangement (the amount of whitespace between them).
Thanks for everyone's time and help!Don't know if it is still being sold, but Grass Valley's Imaginate was the perfect application for your intended purpose. There are many others as well, but PR is not the program of choice for this.
-
How to generate PDF from file with linked images
Hi,
did anybody met/solved problem how to create PDF form file, which contains links to another files/images using PDFGenerator? For example from FrameMaker documents which contains linked images; or from CAD files which contains linked components...
The issue is, that the CreatePDF function moves the source file into a temporary folder, and this operations "brokes" the relative links to linked/included files.
Regards,
Radekhi
was your problem solved,if not email me [email protected], will try to help you -
I have created a slideshow with photos that fade out as the
next fades in. I've set each photo to be a button that when clicked
goes to a url but it doesn't work. Does anyone know how to do this?
Thanks!lm1106, I'm just guessing here, because you don't specify
that clearly, but are you loading jpgs into movieClips? If so, the
load process will cancel any existing eventHandler code.
The solution is to create an additional movieClip just as a
holder for the jpeg, which is a child of the movieClip you have
right now, and keep the eventHandler on the parent.
Good luck
Wolf -
New slideshow widget linking images
Hello, I am excited to use the slideshow for the first time now.
I have an issue, I want to link each image to an internal page inside the website. How can I do this if the link element points to the thumbnail. I am not using the thumbnails by the way.
Thanks
here is my code, well is the standard code I guess that everybody has:
<ul id="ImageSlideShow" title="">
<li><a href="image_press/slideshow_SIMPSON_GALLERIES.jpg" title="White Orchids"><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-1.jpg" alt="photos-1.jpg" /></a></li>
<li><a href="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-10.jpg" title="Sand"><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-10.jpg" alt="photos-10.jpg" /></a></li>
<li><a href="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-11.jpg" title="Tree"><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-11.jpg" alt="photos-11.jpg" /></a></li>
<li><a href="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-12.jpg" title="Canon"><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-12.jpg" alt="photos-12.jpg" /></a></li>
<li><a href="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-13.jpg" title="Door"><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-13.jpg" alt="photos-13.jpg" /></a></li>
<li><a href="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-14.jpg" title="Flowers at the Palace of Fine Arts"><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-14.jpg" alt="photos-14.jpg" /></a></li>
<li><a href="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-15.jpg" title="Palace of Fine Arts"><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-15.jpg" alt="photos-15.jpg" /></a></li>
<li><a href="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-2.jpg" title="Orchid Close Up"><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-2.jpg" alt="photos-2.jpg" /></a></li>
<li><a href="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-3.jpg" title="Dirt Road"><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-3.jpg" alt="photos-3.jpg" /></a></li>
<li><a href="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-4.jpg" title="Fence Post"><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-4.jpg" alt="photos-4.jpg" /></a></li>
<li><a href="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-5.jpg" title="Portrait of a Horse"><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-5.jpg" alt="photos-5.jpg" /></a></li>
<li><a href="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-6.jpg" title="Brown Horse"><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-6.jpg" alt="photos-6.jpg" /></a></li>
<li><a href="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-7.jpg" title="Spotted Horse Head"><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-7.jpg" alt="photos-7.jpg" /></a></li>
<li><a href="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-8.jpg" title="Spotted Horses"><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-8.jpg" alt="photos-8.jpg" /></a></li>
<li><a href="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-9.jpg" title="Lone Horse"><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-9.jpg" alt="photos-9.jpg" /></a></li>
</ul>Scott,
I have the same problem, I would like to link the large image in the slideshow to a web page. Basically, when the someone clicks on the large image it should go to a web page. I was trying to understand your comment, but did not fully understand. Can you explain futher or suggest how the code would look like with an activated link. Here is my code that I interrupt, please let me know what you would do:
Thanks in advance!
<div class="container">
<div class="content">
<ul id="ImageSlideShow" title="Donald Booth Photography">
<li><a href="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-1.jpg" title="White Orchids"><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-1.jpg" alt="photos-1.jpg" /></a></li>
<li><a href="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-10.jpg" title="Sand"><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-10.jpg" alt="photos-10.jpg" border="0" onclick="MM_goToURL('parent','#');return document.MM_returnValue" /></a></li>
<li><a href="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-11.jpg" title="Tree"><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-11.jpg" alt="photos-11.jpg" /></a></li>
<li><a href="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-12.jpg" title="Canon"><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-12.jpg" alt="photos-12.jpg" /></a></li>
<li><a href="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-13.jpg" title="Door"><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-13.jpg" alt="photos-13.jpg" /></a></li>
<li><a href="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-14.jpg" title="Flowers at the Palace of Fine Arts"><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-14.jpg" alt="photos-14.jpg" /></a></li>
<li><a href="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-15.jpg" title="Palace of Fine Arts"><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-15.jpg" alt="photos-15.jpg" /></a></li>
<li><a href="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-2.jpg" title="Orchid Close Up"><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-2.jpg" alt="photos-2.jpg" /></a></li>
<li><a href="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-3.jpg" title="Dirt Road"><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-3.jpg" alt="photos-3.jpg" /></a></li>
<li><a href="http://labs.adobe.com/technologies/spry/ui/images/dbooth/images/photos-4.jpg" title="Fence Post"><img src="http://labs.adobe.com/technologies/spry/ui/images/dbooth/thumbnails/photos-4.jpg" alt="photos-4.jpg" /></a></li>
</ul>
<script type="text/javascript">
// BeginOAWidget_Instance_2141543: #ImageSlideShow
var ImageSlideShow = new Spry.Widget.ImageSlideShow("#ImageSlideShow", {
widgetID: "ImageSlideShow",
widgetClass: "BasicSlideShowFS",
injectionType: "replace",
autoPlay: true,
displayInterval: 8000,
transitionDuration: 2000,
componentOrder: ["name", "title", "view", "controls", "links"],
sliceMap: { BasicSlideShowFS: "3slice", ISSSlideLink: "3slice" },
plugIns: [ Spry.Widget.ImageSlideShow.ThumbnailFilmStripPlugin, Spry.Widget.ImageSlideShow.TitleSliderPlugin, Spry.Widget.ImageSlideShow.PanAndZoomPlugin ],
TFSP: { pageIncrement: 8, wraparound: true }
// EndOAWidget_Instance_2141543
</script>
</div>
<!-- end .container --></div>
</body>
</html> -
Slideshow with multiple images on the screen at once
I’m trying to create a graduation slideshow in Premiere Elements 11 that mixes both still photos and video. I can handle the video portion just fine (I think!), but I’m struggling to get the photos to do what I want.
I would like five photos (and a text field) to individually phase in and remain visible on a black “slide”. Once all five photos are visible, I intend to transition to the next “slide” with five new photos. What is the best way to go about doing this? I’ve searched for a couple of hours and can’t seem to find anything that explains what I’m trying to do. The best I can come up with is to create a title slide, and plop each of the five photos and text on top of it, then transition to another title slide and repeat.
I did this same project last year, and I created the “slides” in PowerPoint, and then exported the animated show as a .wmv. From there, I imported them into Premiere to combine with the video footage. I can probably do that again this year, but I was hoping there was a simple way to accomplish the same thing in Premiere.
Thanks in advance!
Ginger WickWickGIkd98
I have something for you to consider. It does not involve any user keyframing, but just a lot of details for what could be an interesting "Picture In Picture" effect. The following is the How To. If necessary, I will post a link to what the end result might look (via YouTube).
This presentation will use a simple model with five scenic photos to demonstrate some basic principles on which you can build. The idea here will be to have a the main photo spin in to the center from the top, followed by one at a time placement (appearance, non spin in) of a photo in the lower left, lower right, upper left, upper right, and concluding with all 5 photos displayed for a designated amount of time.
We start by setting up the Timeline with:
Our background, in this case a blue color matte, on Video Track 1.
And
A Photo on each of Video Track 2, 3, 4, 5, and 6
To make it easier to follow what is going on at this stage, we stagger (train look) the position of the photo on each of the tracks with respect to one another.
In the Expert workspace (assuming you are using Premiere Elements 11 or 12), we click on the fx Effects Tab, set the category to Presets, and get to PiPs by clicking Show All and selecting PIPs from the drop down list.
The PiPs category contains numerous options, offering simple placement as well as placement involving Scale In or Out, Spin In or Out, or Slide In or Out. We will go the simple placement route for photos on Video Tracks 3, 4, 5, and 6 and use Spin In for our Video Track 2 photo which we will use as our center photo.
We highlight the photo on Video Track 3
We select the 25% LL (lower left)
We drag the 25% LL into the highlighted photo on Video Track 3.
In a similar manner, we apply a particular PIP 25% effect to photo on each of Video Track 4, 5, and 6
Video Track 4, 25% LR (lower right)
Video Track 5, 25% UL (upper left)
Video Track 6, 25% UR (upper right)
Now we highlight the photo on Video Track 2
And, apply the PIP 25% UR Spin In
We move the Timeline Indicator at a spot on the Timeline where the Monitor shows the final resting point for the placed PIP 25% UR Spin In, click on the image in the Monitor to bring up the photo’s bounding box, and then drag the image to the center position.
Now it is time to put things together.
With the mouse cursor, we drag the photo file on Video Track 2 to the start of the Timeline. We then move the images on Video Tracks 3, 4, 5, and 6 so that they start 2, 4, 6, and 8 seconds respectively from the start of the Timeline. A handy way to do this is utilizing the timecode field below the Monitor and left and right arrow keys of the computer keyboard.
Then, with the mouse cursor, we drag the ends of the images on Video Tracks 1, 2, 3, 4, 5, and 6 so that they all end at the same Timeline time.
Some Finishing Touches are the last steps.
Adjusting Photo positions. We place the Timeline Indicator at a position on the Timeline where all five photos are displayed together in their final stationery position in the Monitor. If necessary, we click on one photo at a time in the Monitor to bring up its bounding box for repositioning and resizing. (Make sure that the correct video track photo is selected.)
Applying Additional Effects. Consider going to Presets category and applying one of the Drop Shadows or Bevel Edges options. We applied Drop Shadows to each of photos on Video Tracks 3, 4, 5, and 6 and Bevel Edges to photo on Video Track 2. Also, check out the variations on these effects that can be achieved in the Applied Effects Tab/Applied Effects Palette/and expanded panel for the applied effect.
Now let us see what all this looks like after our finishing touches. If you try it, please let us know how easy or not so easy the instructions were to follow and if it worked for you.
Thanks.
ATR -
Illustrator CC 2014 "Exception in file" error with linked images
It appears some images are showing "Exception in file" error dialog boxes.
If I resave the image in Photoshop or link it to a different image the error disappears.
Happened with:
- old design files linked to old images
- image that was dragged from Mac Mail
- linked to JPG provided from other users
Does not happen with:
- images created recently with Photoshop CC or CC 2014
Here is the error:
Has anyone else seen this and/or found a solution?
This is an error on a new Mac Pro with brand new install of all software. No older versions of cc installed. Just CC 2014.That's a good idea. Unfortunately, same problem if I move the image to desktop or same folder as file.
If I resave the file (JPG in this case) the error disappears.
I understand this can be the solution, but given this issue had not happened before, it's interesting it is happening with CC 2014.
Attached is the image in question. Note that this is not the only image. It has happened with older design files that were made from older versions of cc or before cc.
I'm not sure if the uploader will recreate the JPG so I'll compress the file and is available here if anyone would like to test.
Dropbox - photo 2.JPG.zip -
File Saving with Linked Images
Why does file saves take longer when images are linked (not embedded.) ? It's just linking to the file, it should be nice and quick to save, such as it is in inDesign.
You are probably saving using the default save options. This means Illustrator is saving the file twice in one file: once as a native Illustrator file and once as a high resolution PDF with images embedded. The PDF is used when you place the Illustrator file in InDesign or rasterize with Photoshop. If you don’t need either of those things, do a Save As and turn off PDF Compatibility. I have seen files drop from over 200 MB to under 1 MB.
-
Photoshop to Illustrator (CS6), problem with linked images
Hi,
I have a very frustrating problem when importing .psd files to Illustrator CS6. I recieve files from an artist and have to make some sort of pre-print on them, add texts etc..
They are multi layer and upon opening in Illustrator I select Convert Layers to Objects. After that every bitmap layer in the file is converted to a link, and this is where my problems start. First of all it would simply be most conveniant if I had the option to embed all upon import.
But even with this option lacking, I should be able to highlight a link in the Links panel, and select Embed image from the drop-down menu. Unforetunately this option is always disabled, same with the Embed button on the control toolbar when the liked image is selected. Furthermore, the link information option always shows empty name and locations fields, so its impossible to know which files I should attach if I would like to send them to print as links together with the .ai file. Even when I do know which file it is in, how should I collect them together so that there are no broken links on the other side?
I simply don't understand how to manage those links or whats the best way to avoid them. It has gotten to the point where I save each layer in Photoshop separately as .pdf and place them in illustrator manually, but there has to be an easier way. Even when saving in .tiff in photoshop and selecting "place" with the "link" option unchecked in illustrator, it will still place it as a link. On the other hand when placing pdf files in illustrator they import as "Non-native art" which as I read can also cause troubles with colors etc.. Can somebody please help me make sense of it???
I work in Windows 7 64 bit and have Adobe Design & Web Premium CS6.When an Illustrator AI file is saved with PDF compatibility it contains of 2 forks, the one contains the whole file for editing in Illustrator (which makes it important ot choose the correct comptibility of Illustrator version) and the other contains the pdf part. If you use such an ai file with pdf compatibility to place in InDesign, Photoshop or even in Illustrator these programs use the pdf part.
The pdf part should be complete even if the linked files are missing, so it is possible to open an ai file in Acrobat or Reader. The pdf part is also a rich PDF which contains all coors and transparency.
From Illustrator CS6.1 forward it is possible to extract embedded images. And it is a good tradition in all programs to have all embedded files listed in the link panel.
Maybe you are looking for
-
DB Table for Layout Variant in ALV report
Please help me by providing the table name which will get an entry when we save Layout Variant in ALV(OO ALV grid) output.
-
Jdb fails to connect to running java application over sockets
I'm trying to use jdb to connect to a running instance of a java program. If I use dt_shmem: java -agentlib:jdwp=transport=dt_shmem,address=shmem,server=y,suspend=n JDBTest jdb -attach shmemSet uncaught java.lang.Throwable Set deferred uncaught java.
-
Trying to change the color of a single cell
hi, I am trying to change the color of a single cell when mouse moves over it, but couldn't do it. i even tried my own renderer, but it doesn't work. can anybody help ?
-
Actionlistener in different class then the button
hello, i am stuck on this piece of code and i think somebody here will be able to help me out :). i have these classes. ButtonPanel, Test. in the buttonpanel i have a few buttons, but the actionlistener is an innerClass in Test. when i want to add on
-
C/C++ OCI XML support examples
Hi all, I'm trying to find some simple C/C++ examples of accessing XMLType columns from OCI. I'm interested in examples that show the basics like querying an XMLType column and inserting values into an XMLType column. I'm mainly interested in example