Adding slide in caption on top of main image in gallery

ok, now the same caption question from another angle...how
would you get the caption to display on top of the main photo...and
once that is accomplished, I want to add a slide effect *smile*
I found a page that I want to recreate with spry...but its
gonna be hard...I have the basics started, but cannot figure out
how to put the text on TOP of the image
http://www.nmdhsem.org/default.asp?CustComKey=270308&CategoryKey=274276&pn=Page&DomName=nm dhsem.org
oh I am using the photo gallery demo, but hiding the select
and gallery name so that just 3 images cycle on opening the page
Edited: 08/28/2007 at 03:06:40 PM by karonz

ok, so far I have this...I got the images to fade, but still
would like to have a caption that fades in and out as well...
any suggestions
http://www.nmprc.state.nm.us/Copyindex.htm
oh...and lol...I still have to get some images from NM
instead of china *g*

Similar Messages

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">

Adding text boxes, etc on top of background image (bitmap)

I have an image (saved as a bitmap that I created in a drawing program) and I want to add it as a background to one of my panels in my swing application. I need to be able to put stuff on top of it, such as text boxes, etc. What is the best way to get this image as the background????

I converted the image to a jpg and tried to then used the code in the thread though my situation is a little different since I want to add the image as a backdrop of a JPanel which is inturn a tab on a JtabbedPane. I use the following code but it doesnt seem to work
ImageIcon icon = new ImageIcon("backdrop.jpg");
JPanel jPanel13 = new JPanel() {
public void paintComponent(Graphics g)
// Approach 2: Scale image to size of component
Dimension d = getSize();
g.drawImage(icon.getImage(), 0, 0, d.width, d.height, null);
setOpaque(false);
super.paintComponent(g);
tabbedPane.add(jPanel13, "System Status");

How to move the Thumbnails & the photo caption to top in Galleria

I am working on a click-able gallery using the coding found on jQuery Galleria 1.0b from
http://galleria.aino.se/
Similar coding can be found on here;
http://monc.se/kitchen/146/galleria-a-javascript-image-gallery#comments
I would like to move the thumbnails and the photo captions to the top, rather than having it at the bottom. Much apperciated any help. I cannot read coding as i am new to these things. My HTML coding as follows;
<link href="test/galleria.css" rel="stylesheet" type="text/css" media="screen">
    <script type="text/javascript" src="test/jquery.min.js"></script>
    <script type="text/javascript" src="test/jquery.galleria.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
        $('.gallery_demo_unstyled').addClass('gallery_demo'); // adds new class name to maintain degradability
        $('ul.gallery_demo').galleria({
            history   : true, // activates the history object for bookmarking, back-button etc.
            clickNext : true, // helper for making the image clickable
            insert    : '#main_image', // the containing selector for our main image
            onImage   : function(image,caption,thumb) { // let's add some image effects for demonstration purposes
                // fade in the image & caption
                image.css('display','none').fadeIn(1000);
                caption.css('display','none').fadeIn(1000);
                // fetch the thumbnail container
                var _li = thumb.parents('li');
                // fade out inactive thumbnail
                _li.siblings().children('img.selected').fadeTo(500,0.3);
                // fade in active thumbnail
                thumb.fadeTo('fast',1).addClass('selected');
                // add a title for the clickable image
                image.attr('title','Next image >>');
            onThumb : function(thumb) { // thumbnail effects goes here
                // fetch the thumbnail container
                var _li = thumb.parents('li');
                // if thumbnail is active, fade all the way.
                var _fadeTo = _li.is('.active') ? '1' : '0.3';
                // fade in the thumbnail when finnished loading
                thumb.css({display:'none',opacity:_fadeTo}).fadeIn(1500);
                // hover effects
                thumb.hover(
                    function() { thumb.fadeTo('fast',1); },
                    function() { _li.not('.active').children('img').fadeTo('fast',0.3); } // don't fade out if the parent is active
    </script>
    <style media="screen,projection" type="text/css">
    /* BEGIN DEMO STYLE */
    *{margin:0;padding:0}
    body{padding:20px;background:white;text-align:center;background:black;color:#bba;font:80% /140% georgia,serif;}
    h1,h2{font:bold 80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
    a{color:#348;text-decoration:none;outline:none;}
    a:hover{color:#67a;}
    .caption{font-style:italic;color:#887;}
    .demo{position:relative;margin-top:2em;}
    .gallery_demo{width:702px;margin:0 auto;}
    .gallery_demo li{width:68px;height:50px;border:3px double #111;margin: 0 2px;background:#000;}
    .gallery_demo li div{left:240px}
    .gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
    #main_image{margin:0 auto 60px auto;height:438px;width:700px;background:black;}
    #main_image img{margin-bottom:10px;}
    .nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
    .info{text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
    .info p{margin-top:1.6em;}
    </style>
</head>
<body>
<h1>Galleria Demo 01</h1>
<div class="demo">
<div id="main_image"></div>
<ul class="gallery_demo_unstyled">
    <li><img src="test/img/flowing-rock.jpg" alt="Flowing Rock" title="Flowing Rock Caption"></li>
    <li><img src="test/img/stones.jpg" alt="Stones" title="Stones - from Apple images"></li>
    <li class="active"><img src="test/img/grass-blades.jpg" alt="Grass Blades" title="Apple nature desktop images"></li>
    <li><img src="test/img/ladybug.jpg" alt="Ladybug" title="Ut rutrum, lectus eu pulvinar elementum, lacus urna vestibulum ipsum"></li>
    <li><img src="test/img/lightning.jpg" alt="Lightning" title="Black & White"></li>
    <li><img src="test/img/lotus.jpg" alt="Lotus" title="Fusce quam mi, sagittis nec, adipiscing at, sodales quis"></li>
    <li><img src="test/img/mojave.jpg" alt="Mojave" title="Suspendisse volutpat posuere dui. Suspendisse sit amet lorem et risus faucibus pellentesque."></li>
    <li><img src="test/img/pier.jpg" alt="Pier" title="Proin erat nisi"></li>
    <li><img src="test/img/sea-mist.jpg" alt="Sea Mist" title="Caption text from title"></li>
</ul>
<p class="nav"><a href="#" onclick="$.galleria.prev(); return false;">« previous</a> | <a href="#" onclick="$.galleria.next(); return false;">next »</a></p>
</div>
The CSS coding as follows;
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
.galleria_main div{display:none;}
.galleria_main div.active{display:block;}
* html .galleria li div span{width:400px} /* MSIE bug */

Looks like you are talking about taskbar, See:
* http://www.sevenforums.com/tutorials/1066-taskbar-move-location-desktop-screen.html

Set Font Attributes for Slide Show Captions

PSE v.6 - When creating a slide show, I can select to "Include photo captions as text" when adding slides. The font of the included text is basic with no effects (I want it to have a drop shadow). Is there a way to set the default text attributes (color, font style, drop shadow, etc.) before adding the slides or change the text on all selected slides instead of having to do it one slide at a time?

well you can add captions below the slide , if you double click on a slide and move it , it can move around , hence you can add a caption below the slide by slightly moving up the image .

Adding title and caption to Photo Gallery

My XML looks like this:
<photos id="images">
<photo path="405.jpg" width="405" height="470"
thumbpath="405.jpg" thumbwidth="86"
thumbheight="99" title="A White Winter's Blanket"
price="4715200" artist="Ernest Albert"/>
and can be viewed at
http://www.roughtongalleries.com/galleries/american.xml
My page is at
http://www.roughtongalleries.com/american_gallery.html
I want to have the title and artist show up with the main
image as you click on thumbnail or run slide show.
It seems to me I have to create a new div for it and modify
one or both of the js files that come with 1.6 gallery_xds.js and
gallery_int.js
I would appreciate any help. This is not where I have my best
skills yet.

This is answered in another topic and although I am still
having a small issue I will wait till
I get the answer there.

SPRY GALLERY STATIC - main image caption from alt attribute?????

I have been searching and digging for an answer to this question, but nothing comes up... the web , discussions, spry documentation... there is no joy to be had where the static gallery is concerned.
Please, could someone here enlighten me? I am trying to figure out how to add captions with static links. I have a working version of the gallery with thumbnails embedded on the page, but am stuck trying to bring the ALT attribute into the main image.
I have just finished a redesign of my boyfriend’s site, which is image heavy and uses the dynamic gallery in many of its pages (no problem with captions there). I am trying to replace the XML with static content for usability, tracking and general search engine issues. I could post a link to my static version if this helps clarifying the problem.
Help would be hugely appreciated.

Please read what I am writing to you.
SparklyArt wrote:
Thank you Ben, for your informative reply and link!
I can see the advantages of an html dataset, it makes a lot of sense, but the problem I am trying to solve right now is due to the fact that the spry gallery static does not use any dataset at all, which is actually great, but I can’t find any information on how to add titles to the main images.
Maybe this will clarify... my test page < http://www.theoland.com/art/spryGalleryStatic.htm > is based on this example:
< http://labs.adobe.com/technologies/spry/demos/gallery_pe/static/china.html > - here, the embedded thumbnails are linked directly to the main images... no xml, no dataset... but, unfortunately, no titles either... are there any scripts that would help solve this? Can the gallery_init.js be modified to grab the alt or title tag?
The site has validated as it is (gallery test not included), but the dynamic pages are definitely not search engine friendly. The static gallery_pe would be a lovely alternative.
Can you help?
Even though you might not think so, your static gallery does have a database of sorts albeit in the form of images placed in a folder. This is called a flat database because it does not have the different relationship tiers of the likes of MySQL.
To update your database, you simply add/remove/change an image and to link that data to your web page you add/remove/change the link; exactly the same process as with MySQL.
The problem that you are faced with is that, except for the name, width, height, size, encode type, there is no information attached to the image that you can use for a caption or title.
That is why I suggested using an HTML table so that you can marry your image up to some useful information. No JavaScript required! These sorts of tables have been in use for more two decades to show the same as what you are showing in your static gallery; but without the fancy features that JavaScript (in our case Spry) adds.
These pages give us the ultimate in search engine intimacy.
Having established the above, we make use of the HTML table to create a Spry dataset on the same page. Nothing else changes.The Spry dataset can then be used to incorporate the fancy features that you so desparately want all without XML.
JavaScript (in our case Spry) data is not search engine friendly, but because we already have the data in our static HTML table we do not have to wory about that.
The end result is a good looking site that is search engine friendly.
Ben

I'm using OXO e-commerce template, and trying to auto advance slides on home page; In jquery.main.js

I'm using OXO e-commerce template, and trying to auto advance slides on home page; In jquery.main.js option autoslide is set to true, how do I make slides change besides clicking on switcher? ..pls help

I'm using OXO e-commerce template, and trying to auto advance slides on home page; In jquery.main.js option autoslide is set to true, how do I make slides change besides clicking on switcher? ..pls help

How to remove the white space that is now above the main images on each page?

http://www.nydogworks.net
Hello,
I took over updating some things on my site from my web designer. The main images on each page used to be flush with the navigation bar on each page. Now there is a white space in between each one. Can you tell me how to remove the white space?
<div id="container">
<div id="imgholder"><img src="images/feature-aboutus.jpg" width="951" height="341" alt="" />
</div>
<div id="pageContentNoside">
   <div id="sideSub">
     <form action="form.php" method="post" name="form2" id="form2"> <table width="250" border="0" cellpadding="2" cellspacing="2">
       <tr>
         <td width="273"><h2>Quick Contact</h2></td>
         </tr>
       <tr>
         <td class="mainContent">Your Name</td>
         </tr>
       <tr>
         <td><span class="style9">
           <input name="forname" type="text" class="colorfieldssmall" id="forname" size="20" />
           </span></td>
         </tr>
       <tr>
         <td class="mainContent">Your Email Address* (required)</td>
         </tr>
       <tr>
         <td><span class="style7 style9">
           <input name="admail" type="text" class="colorfieldssmall" id="admail" size="25" />
           </span></td>
         </tr>
       <tr>
         <td class="mainContent">Phone Number</td>
         </tr>
       <tr>
         <td><span class="style7 style9">
           <input name="phone" type="text" class="colorfieldssmall" id="phone" />
           </span></td>
         </tr>
       <tr>
         <td><span class="mainContent">Type of Dog Training</span></td>
         </tr>
       <tr>
         <td class="mainContent"><span class="style9">
           <select name="need" class="colorfieldssmall" id="need">
             <option value="select one">select one</option>
             <option value="Basic Obedience">Basic Obedience</option>
             <option value="Behavior Therapy">Behavior Therapy</option>
             <option value="Board and Train">Board and Train</option>
             <option value="Off Leash Training">Off Leash Training</option>
             <option value="Puppy Training">Puppy Training</option>
             </select>
           </span></td>
         </tr>
       <tr>
         <td> </td>
         </tr>
       <tr>
         <td><div align="left">
           <input type="submit" name="submit" id="submit" value="Submit" />
           </div>
           </td>
         </tr>
       </table></form>
     <h2><br />
       Dog Training Services<br />
       </h2>
     <ul id="subnav">
       <li><a href="basic-obedience.html">Basic Obedience</a></li>
       <li><a href="dog-behavior-therapy.html">Behavior Therapy</a></li>
       <li><a href="board-and-train-dog-program.html">Board & Train Program</a></li>
       <li><a href="off-leash-training.html">Off Leash Training</a></li>
       <li><a href="puppy-training-program.html">Puppy Training</a></li>
       </ul>
     <br />
     <br />
     <br />
     </div>
<div id="suggestPost"><a href="https://www.facebook.com/pages/NYDogWorks/219268038151244?fref=ts" ></a></div>
   <div id="mainContent">
     <h1 class="copyrightType">About NY DogWorks</h1><br />
     <h2> <span class="testimonal">The Owner of NYDogWorks</span>      </h2>
     <p><span class="copyrightType"><img src="images/dogpic.jpg" alt="Dog Behavior Therapy" width="183" height="275" class="h_img_float_right" /></span><strong>NYDogWorks L.L.C. is owned and operated by Master Certified Dog Trainer and Behavior Specialist Brian DeMartino. </strong><br />
       <br />
       His training is hands down the best out there. He has become one of the most sought after dog trainers throughout Long Island, Manhattan, & New York.<br />
       <br />
       With over 15 years experience training and rehabilitating some of the toughest cases of dog behaviors. He’s Mastered the Art of teaching top knotch obedience and manners with outstanding results and has developed the most full proof and guaranteed system to fully housebreak any puppy or dog in the shortest amount of time.<br />
       <br />
       He is Certified in dog training and dog behavior and is an Official Evaluator for the American Kennel Club’s (C.G.C) Program.<br />
       <br />
       <br />
       <strong>All About NYDogWorks</strong><br />
       </p>
<p><br />
</p>
     <p>NYDogWorks Dog Education, is a Professional Dog Training Company offering dog training for puppies and older dogs through customized in-home training programs by Master Certified Trainers in Nassau County, Suffolk County, Hamptons, Long Island, Manhattan, Brooklyn, Bronx, Queens, Rockland County, Westchester County, Orange County, and Bergen County New Jersey. NYDogWorks offers obedience training, Housebreaking, Manners, socialization for your dog, Puppy Training and Education, Behavior Therapy, Trick Training, Agility, Complete Off Leash Training, Sport Work, and Personal Protection Training. <br />
       <br />
       <strong><br />
         NYDogWorks Boarding & Training Programs</strong><br />
       </p>
<p><br />
    We offer boarding and training programs done in the home of owner, Brian DeMartino. This is a customized 2-6 week program to suit your dog's needs, great for someone who feels they do not have the time or patience to train or rehabilitate their dog at their home. This is a 100% guaranteed program. Your dog will stay with us for no additional charge if we feel that he or she has not learned all that was agreed upon. We guarantee that if there is any regression within 3 months of your dog being back home with you, he/she will come back to us for no additional charge.<br />
    <br />
    <a href="board-and-train-dog-program.html">View Boarding & Training Programs</a></p>
     <p><br />
       </p>
     <p><br />
       <br />
</div>
   <div id="breadCrumbs">
     <p><a href="index.html">Home</a> > NY DogWorks - About Certified Dog Trainer Brian DeMartino<br />
       <strong>Serving all of Long Island, Nassau & Suffolk County, Manhattan, Brooklyn & Queens</strong></p>
     </div>
</div>
    <div id="footer">
      <div id="footermenu">
      <div id="footermenu1">
      </div>
    </div>
   <div class="phoneNumber" id="copyright"> Copyright © 2014 NY DogWorks</div>
     <div class="websiteDesign" id="sitedesigner">Long Island Website Design by <a href="http://www.wetribet.com" title="Wet Ribet" target="_blank" class="medlink">Wet Ribet</a>     </div>
</div>
</div>

You should be able to add the following snippets of css to your stylesheet to fix that.
In the mainstyle.css file, change...
#imgholder {
width: 950px;
margin-top: 0px;
padding: 0px;
margin-right: auto;
margin-left: auto;
to
#imgholder {
width: 950px;
margin-top: 0px;
padding: 0px;
margin-right: auto;
margin-left: auto;
overflow:hidden;

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

Exporting Text out of Fireworks on top of BG image

In Fireworks I have a black background with text content on top of it. I would like to export both so that the bg comes into dreamweaver as a background image and the text comes in as editable text. Right now when I slice the bg it automatically includes the text in the image. How do I export text that is on top of an image?

I forgot earlier to say that you must finally export as CSS and Images.
I'll try to give some simple advice while trying to export css from Fireworks CS4.
You can apply the blue background, by simply adding it from the CSS and Images export options. You should not draw it in your document(, it doesn't matter at all).
Draw Rectangles all over your document to finally export them as div tags.
When you need to apply a background, think of what exactly you want your background to be, solid color, or a picture?
If it's going to be a picture, you must place that picture and insert a slice to it, set as background.
If you want color, you don't put a slice. You just ...draw a rectangle. Write some text over the rectangle, and you can export it as CSS.
A slice is used to export images. Otherwise, you just draw rectangles to export the current color as a value in your exported CSS.
The black background color of your document, can be set as a color value inside your exported css, so you don't have to place a slice for that.
Watch not to overlap objects like images, rectangles and slices. It is going to be hard to achieve an excellent result in order to construct your web site with Fireworks while trying to export CSS.
Jim has already said it Fireworks won't help you that much with coding like hand coding or Dreamweaver will.

I made a reverse radial gradient to look like "sunlight" and I would like to move it to the top of my image to appear like the light is coming from above, but it won't allow me to move the radial gradient anywhere. I have CS6. Help please :)

I made a reverse radial gradient to look like "sunlight" and I would like to move it to the top of my image to appear like the light is coming from above, but it won't allow me to move the radial gradient anywhere. I have CS6. Help please

Assuming you did this with a Fill Layer, double-click the thumbnail in the Layers panel to bring up the Gradient Fill dialog, see to it that the [ ] Align with layer checkbox is set, and (while the Gradient Fill dialog is still up) try dragging the gradient to where you want it on the main display. Then [ OK ] out of the Gradient Fill dialog.
-Noel

Main image not altered, but thumbnail is?

im using a free trial of lightroom and when i try and adjust an image i.e, exposure etc where it makes a noticeable difference, only the thumbnail image in the top left changes. i.e darkens or brightens with exposure changes. the only way to apply the changes to the main image is to zoom in and out again.
im keen to buy a full version of lightroom, but im not paying for this kind of functionailty :S
also, btw, it did work for a few days and then suddenly it stopped working properly...
thanks-
-isaac-

Hi Elsiejean
It is possibly not a fault some properties/businesses have multiple service points/sockets in, you can check this by calling BT and request to check this,did you pay a connection charge? if not BT will have carried out a check on the property prior to you moving in and for example may have found multiple lines so the main one you say that does not work may have been ceased meaning an engineer/installation charge would apply and the latter which you say worked may have just been a stopped line or takeover connection hence they choose to use that one,i could be wrong if it's only one line your main point may be broke does the working socket have a BT openreach logo on or is it a extension.also BT have supplied you as agreed so if you do need an extension or other line already present activating you would have to pay 127.99
Inherent omniscience - the ability to know anything that one chooses to know and can be known

The "lightbox" widget caption doesnt show in new images.

The "lightbox" widget doesnt show the caption field in the new images that i add (after the 3rd of the default set). How do i fix that? Thanks!

its nothing to do with itunes, its movies form the internet. i got the file preview by taking an image off the internet, pressing command c and pasting it on top of the small icon in the get info section

Moving the caption around on the hero image ...

Hi All,
Is there a particular slide show or composition I can use to allow me to move wording, or a caption around on the hero image so that for instance on image #1 the wording appears on the image in the upper left of the image, then on image #2 the wording appears on the lower right of the image, etc.
In other words I'd like the headline (or wording) associated with each particular image to appear where I want it to appear (where I place it) rather than in the same location on each different image in the slideshow.
Thanks!
Gary

Really with any of the slideshows you should be able to just go to each slide and move the objects around. Here is a quick sample ... I just did this really really fast using part a musegrid.com widget (www.musegrid.com)
http://slider10.auroratec.ca/

Adding slide in caption on top of main image in gallery

Similar Messages

Maybe you are looking for