Captioning an image gallery

ok, i have made an image rollover gallery, but my client
wants to be able to have text pop up as a caption in addition to
the image. here is the code so far:
<div id="gal_enlarge_container"><img
src="images/kitchen/2_enlarge.jpg" alt="" border="0"
name="enlarge">
<br>
alt=""</br></div>
<ul.gallery id="gal_thumb_container">
<li.gallery><a href="#"
onMouseOver="MM_swapImage('enlarge','','images/kitchen/2_enlarge.jpg',0)"><img
src="images/kitchen/thumbnails/2_thumb.jpg" alt="" name="a1"
border="0" /></a></li>
<li.gallery><a href="#"
onMouseOver="MM_swapImage('enlarge','','images/kitchen/3_enlarge.jpg',1)"><img
src="images/kitchen/thumbnails/3_thumb.jpg" alt="" name="a1"
border="0" /></a></li>
</ul.gallery>
i am trying to make it where the bolded section above will
display my 'alt' text as the caption or do something similar, it
doesn't have to be the 'alt' command. is there a way to do this? do
i need to explain more?
please help! i really need to figure this out quickly!
thanks.
lindsey

>>
to have text pop up as a caption in addition to the image
>>
...just add the "title" attribute to the <a.. tag, like
this:
<a
title="short description here" href="#"
onMouseOver="MM_swapImage('enlarge','','images/kitchen/2_enlarge.jpg',0)"><img
src="images/kitchen/thumbnails/2_thumb.jpg" name="a1" border="0"
/></a>
in theory you could also put some content in your currently
empty alt="" attribute, but not all browsers will treat it as "text
popup", e.g. Firefox won´t display something on mouse
over.

Similar Messages

Is there a way to create a CSS image gallery with caption?

Hi everyone,
Ive been using the disjoint rollover, but I only have one
thing that I want to add to it—a caption right underneath an
image.
Besides using that Project Seven plug-in, is there a way to
create an image gallery without using layers? Or is layers the only
way to do it? All I want (words of doom, huh?) is a thumbnail to be
able to switch and image and add a caption to it. Can anyone point
me in the right direction? Or is that Project Seven plug-in deal my
best bet? What about Set Text of Layer in DW.
Oh yeah, Im still using DW with CSS sprinkled in..any help?
Thanks in advance.
-C

> Besides using that Project Seven plug-in, is there a way
to create an
> image
> gallery without using layers?
Of course.
> What about Set Text of Layer in DW.
That would do it, and it's not necessary that the layer stay
a layer after
you have done it, either. I do this frequently - make a
layer, apply the
behavior, and then remove the position:absolute from the div,
and place it
where I want it.
See the demo here -
http://dreamweaverresources.com/tutorials/settextoflayer.htm
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"psypent81" <[email protected]> wrote in
message
news:eus555$lac$[email protected]..
> Hi everyone,
>
> Ive been using the disjoint rollover, but I only have
one thing that I
> want to
> add to it?a caption right underneath an image.
> Besides using that Project Seven plug-in, is there a way
to create an
> image
> gallery without using layers? Or is layers the only way
to do it? All I
> want
> (words of doom, huh?) is a thumbnail to be able to
switch and image and
> add a
> caption to it. Can anyone point me in the right
direction? Or is that
> Project
> Seven plug-in deal my best bet? What about Set Text of
Layer in DW.
>
> Oh yeah, Im still using DW with CSS sprinkled in..any
help?
>
> Thanks in advance.
>
> -C
>

How to insert "+" in image gallery caption

Hi,
I hope you can help. I created an Image Gallery in
Dreamweaver 8. I also added captions, however, some of my captions
require the "+" sign and I can't get it to show up in the captions.
I tried editing the code using + and everything else known
to man. There is probably and easy solution, but I need help.
Thanks.

The captions are embedded in the Flash Gallery? You would
have to ask this
in a Flash forum.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"off2theocean" <[email protected]> wrote in
message
news:glsb2f$22a$[email protected]..
> Here is a link to the test page.
>
http://www.rickgaulttraining.com/about_us1.html
>
> Some of the horses in the gallery have a '+' after there
name, but it's
> not
> showing up. The '+' sign designates the horse's show
record so it's
> pretty
> important.
>
> Hope you can help. Thanks!
>

I want to create an image gallery with forward back nav, master image with a click to pop out zoom

Hi Musers,
I'm currently building a photography website and need some help building a specific type of gallery.
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Below is a description of the gallery I want to build:
On the gallery page the gallery appears as a single 'Master Image' with forward and back 'Navs.' and a 'Counter' underneath this single 'Master Image'. Lets say that there are 10 images in this gallery. When the viewer clicks on the forward 'Nav.' the 'Master Image' changes to the next image in the sequence of 10 and the 'Counter' below confirms this progression, in this example the 'Counter' changes from 1 of 10 to read 2 of 10, the 'Master Image' displayed is the second image in the sequence.
Simple so far.. This above I can do as this is just a basic gallery. What follows is what I cannot find a solution for.
I want the gallery viewer to be able to click on the 'Master Image' and launch an enlargement of that image overlaying the gallery page, very much like the way the 'Lightbox' widget displays an enlarged image. When the viewer clicks off the 'Ligtbox' or enlarged image it dissapears, reverting the page view back to the standard gallery view with 'Master Image', 'Navs.' and 'Counter'. I do not want the expanded / Enlarged 'Lightbox' image accompanied by a thumbnail gallery, 'Navs.' / Navigation arrows or a 'Counter'. What I want is to be able to launch an enlarged version of the 'Master Image' as an overlay on the gallery page, something like a pop out.
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Can anyone explain how I can do this? Is it possible?
The solution I want seems to be a highbrid between the standard gallery with navigation arrows kept but minus thumbnails and captions with some of the functionality of the lightbox gallery widget.
I very much appreciate any help anyone can give.
Thank you

Hi Harriet,
Thanks for the message. I'm sure as time goes on new features will be introduced but it's a bit of a shame that the widget library is a little basic, oh, and at times it's just that little bit buggy. So far I'm really impressed by Muse despite being ever so slightly disappointed by some of it's limitations. I'd like to see more image gallery options, the ability to set up a client login area or a client ftp within a site, I also tried embedding video but as I'm no programmer the result looked clumsy so some focus on this would be a help. Considering that a good number of people benefiting from a Muse site will be online retailers a zoom function should have been there from the start.
Best regards
Jacques

IBooks Author: How do you get the inset margins applied to the caption text of gallery widgets to preview correctly on an iPad?

Currently the inset margins I set for caption text in the gallery widget resets to zero when previewed on different iPads. These are galleries with different images and the captions are set to “individual caption per image” in the interaction panel.
BUT the inset margins will preview correctly if the gallery caption is set to “same caption for all images” in the widget interactions panel. How does one go about fixing this in iBooks Author? Would love to hear others advice or suggestions or work arounds. Thanks!

I found this article that shows the folder we are looking for is here --
~/Library/Containers/com.apple.iBooksX/Data/Documents/AEAnnotation/
per http://mjtsai.com/blog/2013/11/06/the-problem-with-ibooks/ and http://computers.tutsplus.com/tutorials/beyond-highlighting-how-to-get-the-most- from-your-annotations--cms-20013
So I opened the files in TextWrangler to search for a word I know I highlighted in a particular book. That helped me identify the correct file for the book I am concerned with. I did a Time Machine restore of the file and got my notes back the way they were.

IBooks Author: How do you get the inset margins applied to the caption text of gallery widgets to preview correctly?

Currently the inset margins I set for caption text in the gallery widget reset to zero when previewed on different iPads. These galleries have multiple images and the captions are set to "individual caption per image" on the widget interaction panel. BUT the inset margins preview correctly if the gallery caption is set to "same caption for all images" in the gallery widget interaction panel. How does one fix this in iBooks Author? Would appreciate any advice or work arounds or suggestions.
Thanks!

The arrows don't show up on the iPad, they are only to aid navigation within iBA. You can use boxes in the background to frame your galleries (as the background is off). I believe it's also possible to change the colour of the dots beneath the gallery too, although I forget how to do that right now.
About Apple's rigid UX – I agree that it can be frustrating. Apple intended iBA to be used by everyone, and the sort of design options and customisability we might want may confuse the less experienced user. Apple also wanted the UI for every book to be the same – from the point of view of the new user, once you've used one iBA ebook (or iBook, I'm not sure what Apple want us to call it), you can use them all. Otherwise end users would to get used to a slightly different UI on each book, which kind of works against the idea that ideally UI should be intuitive enough to be invisible. I can see the point in that. I have created a 'How to use' section in every iBA file I've made. It get's old quickly.
Oh, and (you probably know this, but…) you can choose your own custom icon for audio. It's limited, as it's only a placeholder image that allows you to play an audio file, there's no ability to pause the audio or stop it once you choose the view as thumbnail choice. Something I'd like to see changed.
Here's a link to Apple feedback page for iBA. Feel free to hammer it with your suggestions.
https://www.apple.com/feedback/ibooks-author.html

Urgent Help with Image Gallery

Hi,
I really need help with an image gallery i have created. Cannot think of a resolution
So....I have a dynamic image gallery that pulls the pics into a movie clip and adds them to the container (slider)
The issue i am having is that when i click on this i am essentially clicking on all the items collectively and i would like to be able to click on each image seperately...
Please see code below
var xml:XML;
var images:Array = new Array();
var totalImages:Number;
var nbDisplayed:Number = 1;
var imagesLoaded:int = 0;
var slideTo:Number = 0;
var imageWidth = 150;
var titles:Array = new Array();
var container_mc:MovieClip = new MovieClip();
slider_mc.addChild(container_mc);
container_mc.mask = slider_mc.mask_mc;
function loadXML(file:String):void{
var xmlLoader:URLLoader = new URLLoader();
xmlLoader.load(new URLRequest(file));
xmlLoader.addEventListener(Event.COMPLETE, parseXML);
function parseXML(e:Event):void{
xml = new XML(e.target.data);
totalImages = xml.children().length();
loadImages();
function loadImages():void{
for(var i:int = 0; i<totalImages; i++){
var loader:Loader = new Loader();
loader.load(new URLRequest("images/"+String(xml.children()[i].@brand)));
images.push(loader);
//      loader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS,onProgress);
     loader.contentLoaderInfo.addEventListener(Event.COMPLETE,onComplete);
function onComplete(e:Event):void{
imagesLoaded++;
if(imagesLoaded == totalImages){
createImages();
function createImages():void{
for(var i:int = 0; i < images.length; i++){
var bm:Bitmap = new Bitmap();
bm = Bitmap(images[i].content);
bm.smoothing = true;
bm.x = i*170;
container_mc.addChild(bm);
      var caption:textfile=new textfile();
      caption.x=i*170; // fix text positions (x,y) here
   caption.y=96;
      caption.tf.text=(xml.children()[i].@brandname)
      container_mc.addChild(caption);

yes, sorry i do wish to click on individual images but dont know how to code that
as i mentioned i have 6 images that load into an array and then into a container and i think that maybe the problem is that i have the listener on the container so when i click on any image it gives the same results.
what i would like is have code thats says
if i click on image 1 then do this
if i click on image 2 then do something different
etc
hope that makes sense
thanks for you help!

Need work around for image gallery with password protected URLs

Is there a way to display an image gallery that has password protected URLs?
I can build the image gallery in Siena using an excel table with a list of the images and when I preview the app inside Siena I get the expected credentials prompt from IE, and I enter the credentials and the images load and display with their captions perfectly.
There are 4-6 images in the gallery.
When I publish and produce a store app, the app errors out with can’t connect and obviously fails on
var GenericInitError = "The app could not connect to the server. Please try again later.",
GenericInitTitle = "Network error";
Most likely because Siena wants to preload everything and there is no way with preload to enter credentials.
I am looking for any alternatives that would let me get around this.
TIA
-- Barb Bowman

On Mon, 24 Mar 2014 05:10:01 +0000, Radu Gruian (MSFT) wrote:
>One possible thing to do would be download and embed the images into your app, eliminating the need for password-based authentication.
Nope. The app accesses a group of IP Security cameras. Static images would not
make any sense. And authentication is required. Not negotiable.
-- Barb Bowman

ANNC: Image Gallery Magic Now Available

Picture perfect...
Bring your images to life with the most powerful,
feature-rich image
gallery solution available for Dreamweaver: Image Gallery
Magic by
PVII - the leader in creative Dreamweaver extensions. Create
image
galleries from from inside Dreamweaver - in Windows or OS X.
Image
Gallery Magic can create the entire layout for you or you can
insert a
gallery into an existing page. While Image Gallery Magic is
powered by
thoroughly modern CSS and Scripting, we've taken great pains
to ensure
that your gallery will work in all modern browsers (on all
operating
systems) and some key older browsers, such as IE5.x (Windows
and OS X).
http://www.projectseven.com/products/galleries/hgmagic/index.htm
All aspects of your gallery are managed from within the iGM
user
interface window.
Add (append) new images to your gallery. You can use the
automatic build
mode, which leverages the Fireworks image processing engine,
or you can
select images that you've already processed yourself in
Photoshop or any
other image editor.
Delete images or re-order them.
Manage Captions, Descriptions, and a counter - including
where they
appear.
Edit images (the edit command launches your default image
editor and
loads the selected image).
Re-generate thumbnails automatically after editing a
full-size image
(Fireworks interoperability).
Choose a full-size image to load when your page loads.
Select the number of thumbnails to display per row.
Enable smooth-glide scrolling of thumbnail rows.
Choose an animation effect for your full-size images.
Supports Dreamweaver Templates.
Allows direct linking to individual images.
Search-engine friendly.
Accessible - even with JavaScript disabled.
The PVII Team
http://www.projectseven.com

Picture perfect...
Bring your images to life with the most powerful,
feature-rich image
gallery solution available for Dreamweaver: Image Gallery
Magic by
PVII - the leader in creative Dreamweaver extensions. Create
image
galleries from from inside Dreamweaver - in Windows or OS X.
Image
Gallery Magic can create the entire layout for you or you can
insert a
gallery into an existing page. While Image Gallery Magic is
powered by
thoroughly modern CSS and Scripting, we've taken great pains
to ensure
that your gallery will work in all modern browsers (on all
operating
systems) and some key older browsers, such as IE5.x (Windows
and OS X).
http://www.projectseven.com/products/galleries/hgmagic/index.htm
All aspects of your gallery are managed from within the iGM
user
interface window.
Add (append) new images to your gallery. You can use the
automatic build
mode, which leverages the Fireworks image processing engine,
or you can
select images that you've already processed yourself in
Photoshop or any
other image editor.
Delete images or re-order them.
Manage Captions, Descriptions, and a counter - including
where they
appear.
Edit images (the edit command launches your default image
editor and
loads the selected image).
Re-generate thumbnails automatically after editing a
full-size image
(Fireworks interoperability).
Choose a full-size image to load when your page loads.
Select the number of thumbnails to display per row.
Enable smooth-glide scrolling of thumbnail rows.
Choose an animation effect for your full-size images.
Supports Dreamweaver Templates.
Allows direct linking to individual images.
Search-engine friendly.
Accessible - even with JavaScript disabled.
The PVII Team
http://www.projectseven.com

Dynamic image gallery on detail page

I have a master page listing 8 products. I have inserted a dynamic image gallery on the detail page which looks ok, but has one major flaw: when you click on a thumbnail the main image opens on the wrong page. e.g. if you click on page ../dragons.php?id=3 the main image opens on ../dragons.php/id=1 and shows the following url: .../dragons.php?image=btf.jpg (or whatever the image file name).
I have only just started using php and I would appreciate some guidance on how to resolve this problem.
The relevant sections of the code are as follows?
$vardragon_dragons_species = "1";
if (isset($_GET['id'])) {
$vardragon_dragons_species = $_GET['id'];
mysql_select_db($database_cjwebsite, $cjwebsite);
$query_dragons_species = sprintf("SELECT dragons.Order, dragons.family, dragons.Latin, dragons.English, dragons.Img1, dragons.Img2, dragons.Img3, dragons.img4, dragons.Img5, dragons.text, `dragons gallery`.filename, `dragons gallery`.caption, dragons.id, `dragons gallery`.image_id, dragons.id FROM dragons, `dragons gallery` WHERE dragons.id = `dragons gallery`.image_id AND dragons.id=%s", GetSQLValueString($vardragon_dragons_species, "int"));
$dragons_species = mysql_query($query_dragons_species, $cjwebsite) or die(mysql_error());
$row_dragons_species = mysql_fetch_assoc($dragons_species);
$totalRows_dragons_species = mysql_num_rows($dragons_species);
if (isset($_GET['image'])) {
$mainImage = $_GET['image'];
else {
$mainImage = $row_dragons_species['filename']; }
<body>
<div class="main_image"><img src="../images/dragons/<?php echo $mainImage; ?>" alt="<?php echo $row_dragons_species['caption']; ?>" />
<div class="capt"><?php echo $row_dragons_species['caption']; ?></div>
<ul class="gallery">
        <?php do {
      if ($row_dragons_species['filename'] == $mainImage) {
                 $row_dragons_species['caption'];
               }?>
<li><a href="<?php echo $_SERVER['PHP_SELF'];?>?image=<?php echo $row_dragons_species['filename']; ?>"><img src="../images/dragons/thumbs/<?php echo $row_dragons_species['filename']; ?>" alt="<?php echo $row_dragons_species['caption']; ?>" /></a></li>
<?php } while ($row_dragons_species = mysql_fetch_assoc($dragons_species)); ?>
</ul>
Many thanks
CJ

I'm still at an early stage in building this site and because it is allvery experimental I am and just using local testing.
So to try to explain my objective. I have a master page with 8 products there is a link to a detail page based on product id. So from the master page (dragons.php) you can select a product which will show the product information on a detail page (eg. dragons_species.php?id=1 or dragons_species.php?id=2 etc). This works ok.
Each detail page has various pieces of information and 5 images. I wanted to show the images in an image gallery format and so used the code you provide in your book PHP Solutions (Creating a Dynamic Online Gallery pp.323-330). This works ok on the first page where id=1, but on subsequent pages (id=2, id=3 etc) I am loosing the id link infavour of an image based link.
This is the complete script for my detail page (dragons_species.php)
<?php require_once('../Connections/cjwebsite.php'); ?>
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "")
if (PHP_VERSION < 6) {
    $theValue = get_magic_quotes_gpc() ? stripslashes($theValue) : $theValue;
$theValue = function_exists("mysql_real_escape_string") ? mysql_real_escape_string($theValue) : mysql_escape_string($theValue);
switch ($theType) {
    case "text":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;
    case "long":
    case "int":
      $theValue = ($theValue != "") ? intval($theValue) : "NULL";
      break;
    case "double":
      $theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
      break;
    case "date":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;
    case "defined":
      $theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;
      break;
return $theValue;
$vardragon_dragons_species = "1";
if (isset($_GET['id'])) {
$vardragon_dragons_species = $_GET['id'];
mysql_select_db($database_cjwebsite, $cjwebsite);
$query_dragons_species = sprintf("SELECT dragons.Order, dragons.family, dragons.Latin, dragons.English, dragons.Img1, dragons.Img2, dragons.Img3, dragons.img4, dragons.Img5, dragons.text, `dragons gallery`.filename, `dragons gallery`.caption, dragons.id, `dragons gallery`.image_id, dragons.id FROM dragons, `dragons gallery` WHERE dragons.id = `dragons gallery`.image_id AND dragons.id=%s", GetSQLValueString($vardragon_dragons_species, "int"));
$dragons_species = mysql_query($query_dragons_species, $cjwebsite) or die(mysql_error());
$row_dragons_species = mysql_fetch_assoc($dragons_species);
$totalRows_dragons_species = mysql_num_rows($dragons_species);
if (isset($_GET['image'])) {
$mainImage = $_GET['image'];
else {
$mainImage = $row_dragons_species['filename']; }
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Odonata Species</title>
<link href="../Css/dragons.css" rel="stylesheet" type="text/css" />
<link href="../Css/menu.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
<?php include('../Includes/logo2.inc.php'); ?>
</div>
<div id="content"> <div id="title">
<h1>Damselflies & Dragonflies</h1>
</div>
<div class="family")><?php echo $row_dragons_species['Order']; ?></div>
<div class="subfamily">
<?php echo $row_dragons_species['family']; ?>
<div class="main_image"><img src="../images/dragons/<?php echo $mainImage; ?>"   alt="<?php echo $row_dragons_species['caption']; ?>" />
   <div class="capt"><?php echo $row_dragons_species['caption']; ?></div></div></
   <div class="description">
    <div class="text" id="name"><?php echo $row_dragons_species['Latin']; ?></div>
    <div id="vernname"><?php echo $row_dragons_species['English']; ?></div>
<?php echo $row_dragons_species['text']; ?></div>
<ul class="gallery">
        <?php do {
                  if ($row_dragons_species['filename'] == $mainImage) {
                 $row_dragons_species['caption'];
               }?>
<li><a href="<?php echo $_SERVER['PHP_SELF'];?>?image=<?php echo $row_dragons_species['filename']; ?>"><img src="../images/dragons/thumbs/<?php echo $row_dragons_species['filename']; ?>" alt="<?php echo $row_dragons_species['caption']; ?>" /></a></li>
<?php } while ($row_dragons_species = mysql_fetch_assoc($dragons_species)); ?>
</ul>
<div id="footer">
    <?php include('../includes/footer.inc.php'); ?>
</div></div>
</div>
</body>
</html>
<?php
mysql_free_result($dragons_species);
?>
The code for my master page dragons.php is as follows
<?php require_once('../Connections/cjwebsite.php'); ?>
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "")
if (PHP_VERSION < 6) {
    $theValue = get_magic_quotes_gpc() ? stripslashes($theValue) : $theValue;
$theValue = function_exists("mysql_real_escape_string") ? mysql_real_escape_string($theValue) : mysql_escape_string($theValue);
switch ($theType) {
    case "text":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;
    case "long":
    case "int":
      $theValue = ($theValue != "") ? intval($theValue) : "NULL";
      break;
    case "double":
      $theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
      break;
    case "date":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;
    case "defined":
      $theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;
      break;
return $theValue;
mysql_select_db($database_cjwebsite, $cjwebsite);
$query_dragons_species = "SELECT id, Latin, English, Thumbs FROM dragons";
$dragons_species = mysql_query($query_dragons_species, $cjwebsite) or die(mysql_error());
$row_dragons_species = mysql_fetch_assoc($dragons_species);
$totalRows_dragons_species = mysql_num_rows($dragons_species);mysql_select_db($database_cjwebsite, $cjwebsite);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Odonata</title>
<link href="../Css/menu.css" rel="stylesheet" type="text/css" />
<link href="../Css/dragons.css" rel="stylesheet" type="text/css" />
<body>
<div id="header">
<?php include('../Includes/logo2.inc.php'); ?></div>
<div id="content"> <div id="title">
<h1>Damselflies</a> & Dragonflies</h1>
<div id="sidebar">
<?php include('../Includes/menu2.inc.php'); ?>
<div id="text">
<h2>ODONATA</h2>
    </h2>
<p>Ten species have been recorded on the islands, of which seven are common and widely distributed. The Golden-ringed Dragonfly and the Emerald Damselfly are both very scarce, whilst the record of the Azure-winged Dragonfly on Lewis is unconfirmed.
       <?php do { ?>
    <div class="speciesbox"><a href="Dragons_species.php?id=<?php echo $row_dragons_species['id']; ?>"><img src="../images/dragons/thumbs/<?php echo $row_dragons_species['Thumbs']; ?>" /></a>
        <div class="latin"><a href="Dragons_species.php?id=<?php echo $row_dragons_species['id']; ?>"><?php echo $row_dragons_species['Latin']; ?></a>
          <div class="english"><a href="Dragons_species.php?id=<?php echo $row_dragons_species['id']; ?>"><?php echo $row_dragons_species['English']; ?></a> </div>
    </div></div>
<?php } while ($row_dragons_species = mysql_fetch_assoc($dragons_species)); ?> </div>
<div id="footer">
    <?php include('../includes/footer.inc.php'); ?>
</div>
</body>
</html>
<?php
mysql_free_result($dragons_species);
?>
Does this shed any light?
Many thanks
CJ.

Content Managed Image Gallery

I am looking to see if there is an image gallery available
out there that I can use in DreamWeaver that will allow my client
to upload images, add categories and captions and the likes. I know
nothing of dynamic development so I guess I am looking for some
type of extension, or 3rd party effort that I can embed into the
site, yet maintain the site's identity. Sure sounds like I am
asking for too much I know, but...
Thanks in advance!

Would depend entirely on the scope of the original term
"Content Managed
Image Gallery". I have used PVII's ImageGalleryMagic on my
brother's site
in both a STATIC and a DYNAMIC mode -
http://www.wildimages.biz/w_galleries.php
The Wild Horses are STATIC, and the rest are DYNAMIC (MySQL).
The static stuff is easy as pie. The dynamic is custom-built,
but not
difficult. I used IGM from PVII and DataAssist from
WebAssist. What I like
about DataAssist is that the code is pretty simple to
understand and to
customize - that certainly wasn't my experience with ADDT.
But each person
will be different, you know? Let me hasten to say that DA
alone will not do
this for you - you cannot avoid getting into the code. A case
in point
would be the image uploading for the galleries....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"DWFAQ.info" <[email protected]> wrote in
message
news:gp9jhv$pra$[email protected]..
> Heya Murray,
>
> So do you have any step-by-step tutorials to post of a
solution that meets
> the
> criteria of the OP then?
>
> "Someone that know(s) nothing of dynamic development so
I guess I am
> looking
> for some type of extension, or 3rd party effort that I
can embed into the
> site,
> yet maintain the site's identity."
>
> If you have a better solution by all means post it.
>
> Cheers
>

Flash Image Gallery load problem

This a familiar problem that has been put up here a thousand
times I'm sure but as yet I haven't been able to find a solution
for it. I've put together a simple image gallery using Flash and an
XML file. It works perfectly on my system but there are issues with
the images loading properly when I put them onto my site. I know
very little Flash, I've been using a pre-made gallery that I
downloaded but since it works on my computer I assume I should be
able to get it to work online too. The thumbnails for the file seem
to work fine and the information from the XML file is obviously
being accessed, however the main images are not loading. I've
included all the code below (Actionscript, XML and the Web coding),
if someone could help me before I put my fist through a wall that
would be great:
Actionscript
stop();
//specify the url where folder is located below (if
applicable)
toadd="";
t = 0;
l = 0;
theside = 1;
galxml = new XML();
galxml.load(toadd+"flash/fashion/easy-xml-gallery-2.xml");
galxml.ignoreWhite = true;
galxml.onLoad = function(success) {
if (success) {
maxnum = galxml.firstChild.childNodes.length;
for (n=0; n<maxnum; n++) {
specs = galxml.firstChild.childNodes[n];
//TEXT FOR SIDE NAV
duplicateMovieClip(side.thumbs.thumbsb, "thumbs"+n, n);
thumbclip = eval("side.thumbs.thumbs"+n);
thumbclip._x = n*100;
thumbclip.thetitle = specs.attributes.name;
thumbclip.theurl = specs.attributes.theurl;
thumbclip.thecaption = specs.attributes.caption;
thumbclip.thenum = n+1;
thumbclip._alpha = 100;
loadMovie(toadd+"/flash/fashion/images/"+(n+1)+"b.jpg",
thumbclip.thumbload.thumbload2);
play();
side.thumbs.thumbsb._visible = false;
mainperc.onEnterFrame = function() {
if (mainperc.perc<98) {
mainperc._alpha += 5;
mainperc.perc = Math.round(l/t*100);
mainperc.perctext = mainperc.perc+"%";
mainperc.ltext = "OF THUMBNAILS LOADED
("+Math.round(t/1024)+"kb)";
if (mainperc.perc>98) {
//mainperc._alpha -= 5;
if (mainperc._alpha<-50) {
delete mainperc.onEnterFrame;
XML
<gallery>
<pic1 name="ONE">
<pic2 name="TWO"/>
<pic3 name="THREE"/>
<pic4 name="FOUR"/>
<pic5 name="FIVE"/>
<pic6 name="SIX"/>
<pic7 name="SEVEN"/>
<pic8 name="EIGHT"/>
<pic9 name="NINE"/>
<pic10 name="TEN"/>
</gallery>
Webpage coding
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<title>shorty designs</title>
<style type="text/css">

</style>
<script src="Scripts/AC_RunActiveContent.js"
type="text/javascript"></script>
</head>
<body>
<div id="wrapper">
<p class="Sections"><img src="images/version5.jpg"
alt="shorty logo" width="166" height="85" /><span
class="contact">Contact by email:
[email protected]</span></p>
<p class="Sections">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','wid th','536','height','518','align','right','src','/flash/fashion/fashion','quality','high',' pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=Shockwa veFlash','movie','/flash/fashion/fashion'
); //end AC code
</script>
<noscript>
<object
classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0"
width="536" height="518" align="right">
<param name="movie" value="/flash/fashion/fashion.swf"
/>
<param name="quality" value="high" />
<embed src="/flash/fashion/fashion.swf" width="536"
height="518" align="right" quality="high" pluginspage="
http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"
type="application/x-shockwave-flash"></embed>
</object>
</noscript>
</p>
<p class="section_back">Fashion</p>
<p class="section_reg"><a
href="travel.html">Travel</a></p>
<p class="section_reg"><a
href="wedding.html">Wedding</a></p>
<p class="section_reg"><a
href="layout.html">Layout</a></p>
<p class="section_reg"><a
href="personal.html">Personal</a></p>
</div>
</body>
</html>

Yep, these are the directions:
this is very easy to update. You only need to edit the simple
xml file and add images to the images folder.
step 1.
add as many images as you like at the size 536 x 403
step 2.
create thumbnails for the above images at size 100x75
step 3.
update the xml file with the name url and caption for each
image. (to take the url off just click through to the button on the
main picture and delete the script that says getURL(theurl)
step 4.
open flash file and change the 'toadd' variable to the folder
where the flash file and image folder is located on your site.
thats it done.
The frustrating thing now is that the files are finally being
found but the thumbnail function has decided to mess up.

Image gallery to autoplay and highlight the thumbnails

Hi all,
I still haven't been able to find anything suitable for an
image gallery with thumbnails that:
- autoplays
- highlights the thumbnails and displays the main image at
the same time
- and when the mouse is over the thumbnail, the thumbnail
highlights or has a border around to show that it's been selected.
Here is a sample of what I'm looking for:
http://components.earthscienceagency...nts/slideshow/
Of course the captions need to be loaded as well as a
previous and next button to scroll through the images.
Any help with this would be greatly appreciated.
Thanks

Hi all,
I was able to resolve some of my issues, but still have a
couple more. The images from my xml appear out of order (so the
last one inserted in the xml appears first) and also I'd like the
thumbnails to be highlighted as the main image transitions in and
out. I have the main image autoplaying and the thumbnails are
pretty much static.
I've provided the AS below. For the thumbnails, would it be
possible to create a similar to the slideshow function and have the
thumbnails play at the same time too?
Any help would be greatly appreciated!

HELP! - XML Image gallery, simple problem

I've posted this problem before and gotten no response. Very
simple I'm sure, I just don't know much Flash. Basically I've
created an image gallery that should look like this:
http://www.flashcomponents.net/upload/samples/1448/index.html.
The problem is that the thumbnails are not being accessed properly
(from what I can tell), making it look like this:
http://shortydesigns.com/index.html.
The images are all in the same folder and since one thumbnail is
loading, I can't see why the others aren't. The Actionscript in the
Flash file is as follows (it was created with Flash 10):
First Piece of Code
stop();
// specify the url where folder is located below (if
applicable)
toadd = "";
t = 0;
l = 0;
theside = 1;
galxml = new XML();
galxml.load(toadd+"flash/fashion/easy-xml-gallery-2.xml");
galxml.ignoreWhite = true;
galxml.onLoad = function(success) {
if (success) {
maxnum = galxml.firstChild.childNodes.length;
for (n=0; n<maxnum; n++) {
specs = galxml.firstChild.childNodes[n];
// TEXT FOR SIDE NAV
duplicateMovieClip(side.thumbs.thumbsb, "thumbs"+n, n);
thumbclip = eval("side.thumbs.thumbs"+n);
thumbclip._x = n*100;
thumbclip.thetitle = specs.attributes.name;
thumbclip.theurl = specs.attributes.theurl;
thumbclip.thecaption = specs.attributes.caption;
thumbclip.thenum = n+1;
thumbclip._alpha = 100;
loadMovie(toadd+"flash/fashion/images/"+(n+1)+"b.jpg",
thumbclip.thumbload.thumbload2);
play();
side.thumbs.thumbsb._visible = false;
mainperc.onEnterFrame = function() {
if (mainperc.perc<98) {
mainperc._alpha += 5;
mainperc.perc = Math.round(l/t*100);
mainperc.perctext = mainperc.perc+"%";
mainperc.ltext = "OF THUMBNAILS LOADED
("+Math.round(t/1024)+"kb)";
if (mainperc.perc>98) {
// mainperc._alpha -= 5;
if (mainperc._alpha<-50) {
delete mainperc.onEnterFrame;
Later in the timeline:
stop();
pic.info.thenum = side.thumbs.thumbs0.thenum;
pic.info.thecaption = side.thumbs.thumbs0.thecaption;
pic.info.thetitle = side.thumbs.thumbs0.thetitle;
pic.info.theurl = side.thumbs.thumbs0.theurl;
loadMovie(_root.toadd+"flash/fashion/images/1.jpg",
pic.pic2.pic3);
onEnterFrame = function () { side.gotoa = 110;if
(side._alpha>99) {side._alpha = 100;delete
onEnterFrame;}side.lefta = side.gotoa-side._alpha;side._alpha +=
side.lefta/5;pic._alpha = side._alpha;};

I noticed two thing:
1. I guess the error occurs when currentImage variable is out
of range of sortedXML array. You, perhaps need to trace this var
and see at what point the error happens.
2. Unless I missed someting, It seems that you always load
images. At some point you load images that are already loaded. It
is inefficient. You, perhaps, better off reusing already loaded
images.

Trying to emulate this websites image gallery

Hey everyone.
I wanted to imitate this websites image gallery using
DreamWeaver, and I wanted to know what would be the basic steps to
break it down. Here is the site:
http://www.tompaiva.com/maritime02.html
I wanted to be able to replicate this for my own site, but
also wanted to see if anyone here could help me break it down..What
exactly is going on here? Do I need layers? Do I need tables?
Speaking of tables, how did the designer get the captions to
go directly underneath the image? That's pretty much all I want.
The reason being is that I also need to teach this to someone else,
and they need to know how to upload and maintain their site
themselves. Can anyone help me out? I would really appreciate it:)
Thanks
_C

Free:
http://www.projectseven.com/tutorials/images/showpic/index.htm
Commercial:
http://www.projectseven.com/products/galleries/hgmagic/index.htm
Ken Ford
Adobe Community Expert
Fordwebs, LLC
http://www.fordwebs.com
"psypent81" <[email protected]> wrote in
message news:et4h5k$pha$[email protected]..
> Hey everyone.
> I wanted to imitate this websites image gallery using
DreamWeaver, and I
> wanted to know what would be the basic steps to break it
down. Here is the site:
>
>
http://www.tompaiva.com/maritime02.html
>
> I wanted to be able to replicate this for my own site,
but also wanted to see
> if anyone here could help me break it down..What exactly
is going on here? Do I
> need layers? Do I need tables?
>
> Speaking of tables, how did the designer get the
captions to go directly
> underneath the image? That's pretty much all I want. The
reason being is that I
> also need to teach this to someone else, and they need
to know how to upload
> and maintain their site themselves. Can anyone help me
out? I would really
> appreciate it:)
>
> Thanks
>
> _C
>

Captioning an image gallery

Similar Messages

Maybe you are looking for