Image gallery DELETE IMAGE function broken

I followed the ADDT Basic Image gallery tutorial and everything was working flawlessly until I got to the delete image section. I added the 'delete image' information on the list_img.php page, and that is all linked correctly.
on the delete_img.php page I followed the tutorial to the letter, an when I click the delete link on the list_img.php page it gives me this error (with the correct url listed):
Fatal error: Cannot instantiate non-existent class: tng_dispatcher in /home/myhosting/public_html/MyAccount/gallery/delete_img.php on line 10
The code on that line of delete_img.php is:
// Make a transaction dispatcher instance
$tNGs = new tNG_dispatcher("../../");
I even re-uploaded the entire /includes/ folder to no avail. Help please!

Sorry about that. If you can check my history, I normally always thank people who have helped, and I was intending to go back on the last few to sort them out. Just got my first job so it has been rather hectic and been stressing out to much. Also, I do things slightly different to other people. If I receive a correct answer (which I normally do thank), I tend not to actually reply but to thank instead, mainly because if I reply I am pushing unanswered questions further down the list and eventually out of view. I will go back and sort out the thanks I owe.
In terms of asking the mods, other forums I visit are normally moderated by the community, so I assumed that someone like yourself might be the moderator.
I tottally understand what you are saying, and as I say, I am normally on top of this. Will go back now and sort out the thanks.
Sorry for the delay.
Nick

Similar Messages

Image Gallery from images in database.

Hi,
I am developing image gallery from images stored in oracle database.
I am using JQuery ColorBox plugin (http://www.jacklmoore.com/colorbox/example1/) and I need to specify image in href for plugin.
My JSP page (http://localhost:8080/gallery/show_image.jsp?id=1) fetch image from database and show.
I can see image in browser when I run url http://localhost:8080/gallery/show_image.jsp?id=1.
But following not working when JSP page specify in href.
<h2>No Transition + fixed width and height (75% of screen size)</h2>
class="group3" href="http://localhost:8080/gallery/show_image.jsp?id=1">Grouped Photo 1</ a>
class="group3" href="http://localhost:8080/gallery/show_image.jsp?id=2">Grouped Photo 2</ a>
class="group3" href="http://localhost:8080/gallery/show_image.jsp?id=3">Grouped Photo 3</ a>
class="group3" href="http://localhost:8080/gallery/show_image.jsp?id=4">Grouped Photo 1</ a>
class="group3" href="http://localhost:8080/gallery/show_image.jsp?id=5">Grouped Photo 2</ a>
class="group3" href="http://localhost:8080/gallery/show_image.jsp?id=6">Grouped Photo 3</ a>
class="group3" href="http://localhost:8080/gallery/show_image.jsp?id=7">Grouped Photo 3</ a>
Any solution?
- Thanks
Zohaib.
Edited by: zohaib82 on Oct 30, 2012 2:46 AM
Edited by: zohaib82 on Oct 30, 2012 2:46 AM

Hard to say when you don't provide anything actually useful other than "its not working". I can only guess that your JSP needs to set a proper content-type. I would investigate using an image servlet in stead of your JSP:
http://balusc.blogspot.com/2007/04/imageservlet.html

Deleting pics in mobile me gallery deletes image in project

I dont believe it, i just came across ANOTHER aperture 3 bug:
i had some images imported in my importing project
i made a mobile me gallery out of it.
in the library on the left, i selected the mobile me gallery to delete some pictures from this gallery because i did not want them published.
i click on the PROJECT (where all files should be stored regardless what i deleted from the mobile me gallery) to find that those images i deleted from the gallery are in the bin, they are not in the project anymore!
another fatal bug......

Please Control-click (or right-click) on any image in a MobileMe Gallery to see the options that are available, which include Delete Version and Remove from Album. If you choose Delete Version you should see the warning without having to actually proceed to delete anything. The options are the same as with any album.
I never use the Delete key for any of this, but I will test as time allows -- apparently, based upon your experience, it is the same as Delete Version, but as to lack of warning, I will have to test. I would never assume the Delete key is the same as Remove from Album, which is the needed command.
Ernie
Message was edited by: Ernie Stamper

PNG images revive deleted images in the form of a thumbnail, potential risk

Saving a PNG image will revive deleted photos. To replicate this, save a PNG image, such as the ones on XKCD's "What If?", and deleted images get revived in the form of a thumbnail overlapping the image.
This has been here since IOS 5, according to http://appleinsider.com/articles/13/11/14/bug-resurrects-deleted-image-thumbnail s-in-ios-7-photos-app-dates-back-to-ios-5
Knowledge of this could be abused. If I get free acess to someone else's Ipad, I can just spam saving PNG images over and over to see their sensitive images saved as a thumbnail overlapping the PNG image's thumbnail.
How do I delete the thumbnails? It seems that when you delete a photo, it saves the thumbnail. This is supported by the PNG images reviving deleted photos in the form of thumbnails.

Send feedback/suggestions to Apple.
http://www.apple.com/feedback/ipad.html
Submitting Feedback to Apple
https://sites.google.com/site/appleclubfhs/support/advice-and-articles/submittin g-feedback-to-apple
File an Apple Bug Report, at http://bugreport.apple.com/
 Cheers, Tom

PHP Image Gallery with Images placed every other paragraph

Currently I have multiple images that where uploaded to the details page of Post 1. Every other paragraph I have an image displayed. With say 5 images.
What I would like is that the user can click on the image and open up a gallery (on the same page, like Lightbox Gallery) and view through the other 4 images related to Post 1, as these images may not be full resolution on the details page.
If I understand correctly, Lightbox makes a small thumbnail preview of the images, which I don't want, and lists them like a Gallery (Next to each other). Can anyone direct me on the best way to accomplish this?
Thanks,
Riley

Sorry for the confusion, I didn't mean lightbox actually created the thumbnails, but it produces them similar to the link you provided which I don't want. My image uploader does create thumbnail images, but only one per new post.
My format is similar to this:
POST 1
Text Paragraph1 (Image1 )
Text Paragraph1 (               )
Text Paragraph1 (               )
Text Paragraph1 (               )
(Image2) Text Paragraph2
(               ) Text Paragraph2
(               ) Text Paragraph2
(               ) Text Paragraph2
Now what I would like is that they can click on the picture and it opens up the image at say 600px X 600px resolution, with the next/prev buttons so they can browse through only the picutres on this page.
I have been trying to find an example but seems that some take you to a different page of just the image you clicked on, or a new page with the gallery.
I like how the lightbox gallery opens up on the same page, that way you close out of it and can continue reading. But I want to be able to have the images placed in different positions on the page, and not in a row like with a Gallery.
I hope I help clarified what I am trying to do.

Need advice/idea about Image gallery

Hello to ALL!!!
I'm trying to make an dynamic image gallery WITH!!! some
active buttons above (for example: BUTTON1 with function "delete"
and BUTTON2 with function "update") a picture and some "dataoutput"
below (for example:Price). So, separate cell must look like:
BUTTON1 BUTTON2
<Image>
PRICE
For implementation this task I have:
1) mySQL database "gallery" with table "test" and columns
"Id", "path to image", "Price"
2) 2 gifs: BUTTON1, BUTTON2
Before my first trying I thought that it's simple, and I've
tried:

<cfquery name="qTest" datasource="gallery">
SELECT * FROM test
</cfquery>
<div id=imagecont>
<cfoutput>
<cfloop query="qTest">
<img src="../Button1.gif />
<img src="../Button2.gif /><br>
<img src="#qTest.path to image#" />
<p>#qTest.Price#</p>
</cfloop>
</cfoutput>
</div>
And it worked normal. BUT!!! Looping had a vertical
direction! And any CSS rules that I've applied to DIV "imagecont"
(weight, height) hadn't any effect.
So, what I've get:
I see all necessary information (on browser), but I don't
know, how to format it with my dreaweawer cs3 and CSS.
And I afraid that I've chosen a "wrong method" (I mean my
code above)
Please, give me some recommendations or advices.
How can i archive my needs?
How to use CSS in div tag, which includes <cfloop>
code. I've also tried to use CSS with structure like:
<div id=a>
<cfoutput>
<cfloop >
<div id=b>
DATA
</div>
</cfloop>
</cfoutput>
</div>
But (div a)'s CSS rule HEIGHT take's no effect on <div
id=b> :(
And what about useful technique for displaying " action
buttons" above each image in dynamic image gallery???
Great THANKS for your answers/comments!!!!

the css attribute you are looking for is FLOAT.
see if something like
http://www.photos-of-laos.org/top-rated.cfm
is
what you are after in general images layout terms. feel free
to check
the generated html :).
re general css knowledge i highly recommend the book
"Bulletproof CSS"
by Mark Grabinski.
re the 2 buttons above the image: consider turning them into
css image
overlays instead (when the buttons appear OVER [not above]
the image
only when a user mouses over) - it looks much better that
way.
hth
Azadi Saryev
Sabai-dee.com
http://www.sabai-dee.com/

Image gallery issue

If a mod could delete my other post as I am quite far on from that and now having different issues. Thanks.
I am really stuck. I will try my best to explain things clearly. I am making an image gallery and I got the code from this gallery here.
http://www.flashmo.com/preview/flashmo_122_3d_curve_gallery
I made some changes to make it how I wanted it, nothing drastic though. So now I have a nice gallery.
Explaining what I am trying to do will better help explain things. I am creating a modelling agency website. The gallery I created above will display an individual image of every model in the agency (which it does). Now when one of the model images is clicked, I then need it to load another image gallery which contains the complete set of images for that model, plus some of their information etc.
The way I am approaching it at the moment is to create an individual image gallery for every model in its own fla file. If say the first model is clicked (image 1) it will load the corresponding swf (1.swf). I am not sure how good it is loading an swf into what I already have, but couldnt think of another way. So now I have a seperate image gallery just to test things out, and I need to load it into my original image gallery.
So, I will show the code for the first gallery (which displays the individual images of each model). The important methods are p_click (which hides the first gallery and loads the external swf), and on_pic_loaded (which displays the external swf).
I hope you understand what I am attempting, as I dont know if I have explained it right as my brain is going dead! (although I am liking the challenge).
import org.papervision3d.scenes.*;
import org.papervision3d.cameras.*;
import org.papervision3d.objects.*;
import org.papervision3d.materials.*;
import caurina.transitions.*;
import flash.net.URLRequest;
import flash.display.Loader;
import flash.events.Event;
import flash.events.ProgressEvent;
var container_x:Number = stage.stageWidth * 0.5;
var container_y:Number = stage.stageHeight * 0.5 + 160;
var container:Sprite = new Sprite();
container.x = container_x;
container.y = container_y;
addChild(container);
var scene:Scene3D = new MovieScene3D(container);
var cam:Camera3D = new Camera3D();
cam.zoom = 6;
tn_url_target.visible = false;
tn_title.text = "";
tn_desc.text = "";
tn_url.text = "";
loading_info.text = "";
url_button.visible = false;
var no_of_ring:Number = 1;
var angle:Number = 0;
var p_dict:Dictionary = new Dictionary();
var pa:Array = new Array();
var filename_list = new Array();
var url_list = new Array();
var url_target_list:Array = new Array();
var title_list = new Array();
var description_list = new Array();
var folder:String = "photos/thumbs/";
var i:Number;
var total:Number;
var flashmo_xml:XML = new XML();
var pic_loader:Loader = new Loader();
var mLoader:Loader = new Loader();
var xml_loader:URLLoader = new URLLoader();
xml_loader.load(new URLRequest("thumbnail_list_5.xml"));
xml_loader.addEventListener(Event.COMPLETE, create_thumbnail);
function create_thumbnail(e:Event):void
    flashmo_xml = XML(e.target.data);
    total = flashmo_xml.thumbnail.length();
    var angle_per:Number = Math.PI * 2 * no_of_ring / total;
    for( i = 0; i < total; i++ )
        filename_list.push( flashmo_xml.thumbnail[i][email protected]() );
        url_list.push( flashmo_xml.thumbnail[i][email protected]() );
        url_target_list.push( flashmo_xml.thumbnail[i][email protected]() );
        title_list.push( flashmo_xml.thumbnail[i][email protected]() );
        description_list.push( flashmo_xml.thumbnail[i][email protected]() );
        var bfm:BitmapFileMaterial = new BitmapFileMaterial(
            folder + flashmo_xml.thumbnail[i][email protected]());
        bfm.oneSide = false;
        bfm.smooth = true;
        var p:Plane = new Plane(bfm, 100, 100, 2, 2);
        scene.addChild(p);
        var p_container:Sprite = p.container;
        p_container.name = "flashmo_" + i;
        p_dict[p_container] = p;
        p_container.buttonMode = true;
        p_container.addEventListener( MouseEvent.ROLL_OVER, p_rollover );
        p_container.addEventListener( MouseEvent.ROLL_OUT, p_rollout );
        p_container.addEventListener( MouseEvent.CLICK, p_click );
        p.rotationY = - (i * angle_per) * (180/Math.PI) + 90;
        p.x = Math.cos(i * angle_per) * 300;
        p.z = Math.sin(i * angle_per) * 300;
        p.y = Math.floor( i / 22 ) * 5;
function startLoad()
    var mLoader:Loader = new Loader();
    var mRequest:URLRequest = new URLRequest("/subgallery/1.swf");
    mLoader.load(mRequest);
function p_rollover(me:MouseEvent)
    var sp:Sprite = me.target as Sprite;
    Tweener.addTween( sp, {alpha: 0.5, time: 0.5, transition:"easeOutExpo"} );
function p_rollout(me:MouseEvent)
    var sp:Sprite = me.target as Sprite;
    Tweener.addTween( sp, {alpha: 1, time: 0.4, transition:"easeInExpo"} );
function p_click(me:MouseEvent)
    var sp:Sprite = me.target as Sprite;
    var s_no:Number = parseInt(sp.name.slice(8,10));
    var mRequest:URLRequest = new URLRequest("subgallery/1.swf");
    mLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, on_pic_loaded);
    mLoader.load(mRequest);
    Tweener.addTween( container, { y: 1200, time: 0.6, transition:"easeInExpo" } );
function goto_URL(me:MouseEvent)
    navigateToURL(new URLRequest(tn_url.text), tn_url_target.text);
function on_open(e:Event):void
    loading_info.text = "Loading... 0%";
function on_progress(e:ProgressEvent):void
    var percent:Number = Math.round(e.bytesLoaded / e.bytesTotal * 100);
    loading_info.text = "Loading... " + percent + "%";
function on_pic_loaded(e:Event):void
    addChild(e.currentTarget.content);
    //addChildAt(mLoader, 1);
    mLoader.x = Math.round(stage.stageWidth - mLoader.width) * 0.5;
    mLoader.y = Math.round(stage.stageHeight - mLoader.height) * 0.5;
    //mLoader.addEventListener(MouseEvent.CLICK, remove_pic);
    Tweener.addTween( mLoader, { alpha: 1, time: 0.8, transition:"easeInExpo" } );
    removeEventListener(Event.ENTER_FRAME, render);
function remove_pic(e:Event):void
    Tweener.addTween( pic_loader, { alpha: 0, time: 1, onComplete:function() { removeChild(this); } } );
    Tweener.addTween( container, { y: container_y, time: 1, delay: 1, transition:"easeOutExpo"} );
    addEventListener(Event.ENTER_FRAME, render);
    tn_title.text = "";
    tn_desc.text = "";
    tn_url.text = "";
    url_button.visible = false;
addEventListener(Event.ENTER_FRAME, render);
function render(e:Event):void
    var distance_x:Number = (stage.mouseX - 400) * 0.0001;
    angle += distance_x;
    cam.x = - Math.cos(angle) * 150;
    cam.z = Math.sin(angle) * 150;
    scene.renderCamera(cam);
Current issues as the moment is firstly, I dont know if this is the best way to achieve what I want. Maybe there is a better option someone could tell me about, but you have to remember that each image displayed here will have multiple images to go with it.
In terms of what I am attempting above, I currently get
Error #2044: Unhandled ioError:. text=Error #2032: Stream Error. URL: file:///C|/Users/Nick/Desktop/gallery/gallery.xml
    at _1_fla::MainTimeline/frame1()
I assume its a url error so I changed all urls in both fla's to contain the whole url path. Didnt seem to work though unless I missed something.
Any advise on absolutely anything will be so appreciated.
Many thanks
Nick

Sorry about that. If you can check my history, I normally always thank people who have helped, and I was intending to go back on the last few to sort them out. Just got my first job so it has been rather hectic and been stressing out to much. Also, I do things slightly different to other people. If I receive a correct answer (which I normally do thank), I tend not to actually reply but to thank instead, mainly because if I reply I am pushing unanswered questions further down the list and eventually out of view. I will go back and sort out the thanks I owe.
In terms of asking the mods, other forums I visit are normally moderated by the community, so I assumed that someone like yourself might be the moderator.
I tottally understand what you are saying, and as I say, I am normally on top of this. Will go back now and sort out the thanks.
Sorry for the delay.
Nick

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.

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.

Image gallery code won't work

Please Help, I can't figure this stuff out!
I've just built my second website and the code for clickable thumbnails for my image gallery doesn't work in Safari, unless I refresh the page. For some reason, a mouseover on a thumbnails fails to call the large image url. I tried adding an auto refresh to the code, but curiously that did not solve the problem.
Any ideas why this won't work in this Browser, but runs fine in IE and Firefox?
Thanks for any advice.
Here is the code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
<meta name="generator" content="Adobe GoLive 6">
<title>Welcome to Kimerlee Curyl - p h o t o g r a p h y - horses, pets, el faro, headshots, weddings</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="../../web-content/styles.css" rel="stylesheet" media="screen" type+text/css">
<script language="javascript">

</script>
<csscriptdict import>
<script type="text/javascript" src="GeneratedItems/CSScriptLib.js"></script>
</csscriptdict>
<csactiondict>
<script type="text/javascript"></script>
</csactiondict>
<csactions>
<csaction name="bfc75fbb127" class="Set Image URL" type="onevent" val0="first_image" val1="folder/images/farofinal/f15.jpg" urlparams="2"></csaction>
<csaction name="bfc75fc8128" class="Set Image URL" type="onevent" val0="first_image" val1="folder/images/faro2005/f14.jpg" urlparams="2"></csaction>
<csaction name="bfc75fd2129" class="Set Image URL" type="onevent" val0="first_image" val1="folder/images/farofinal/f13.jpg" urlparams="2"></csaction>
<csaction name="bfc75fdd130" class="Set Image URL" type="onevent" val0="first_image" val1="folder/images/farofinal/f11.jpg" urlparams="2"></csaction>
<csaction name="bfc75fe8131" class="Set Image URL" type="onevent" val0="first_image" val1="folder/images/farofinal/f9.jpg" urlparams="2"></csaction>
<csaction name="bfc75ff2132" class="Set Image URL" type="onevent" val0="first_image" val1="folder/images/farofinal/f7.jpg" urlparams="2"></csaction>
<csaction name="bfc75ffd133" class="Set Image URL" type="onevent" val0="first_image" val1="folder/images/farofinal/f6.jpg" urlparams="2"></csaction>
<csaction name="bfc76008134" class="Set Image URL" type="onevent" val0="first_image" val1="folder/images/farofinal/f5.jpg" urlparams="2"></csaction>
<csaction name="bfc76014135" class="Set Image URL" type="onevent" val0="first_image" val1="folder/images/farofinal/f4.jpg" urlparams="2"></csaction>
<csaction name="bfc7601e136" class="Set Image URL" type="onevent" val0="first_image" val1="folder/images/farofinal/f3.jpg" urlparams="2"></csaction>
<csaction name="bfc76027137" class="Set Image URL" type="onevent" val0="first_image" val1="folder/images/farofinal/f2.jpg" urlparams="2"></csaction>
<csaction name="bfc76031138" class="Set Image URL" type="onevent" val0="first_image" val1="folder/images/faro2005/faro1.jpg" urlparams="2"></csaction>
</csactions>
</head>
<body onload="preloadImages();" bgcolor="#471e12" link="#666666" vlink="#666666" alink="#99CCCC">
<table width="100%" border="0" align="center">
<tr>
<td align="center" valign="middle" bgcolor="330000" width="800">

<table width="778" border="0" cellspacing="0" cellpadding="0" cool="cool" gridx="16" gridy="16" height="953" showgridx="showgridx" showgridy="showgridy" usegridx="usegridx" usegridy="usegridy">
<tr height="304">
<td width="19" height="304"></td>
<td width="758" height="304" colspan="14" valign="top" align="left" xpos="19"></td>
<td width="1" height="304"><spacer type="block" width="1" height="304"></td>
</tr>
<tr height="448">
<td width="108" height="448" colspan="4"></td>
<td width="669" height="448" colspan="11" valign="top" align="left" xpos="108"></td>
<td width="1" height="448"><spacer type="block" width="1" height="448"></td>
</tr>
<tr height="116">
<td width="25" height="116" colspan="3"></td>
<td width="122" height="116" colspan="2" valign="top" align="left" xpos="25"></td>
<td width="1" height="116"></td>
<td width="122" height="116" valign="top" align="left" xpos="148"></td>
<td width="1" height="116"></td>
<td width="122" height="116" valign="top" align="left" xpos="271"></td>
<td width="123" height="116" colspan="2" valign="top" align="left" xpos="393"></td>
<td width="123" height="116" colspan="2" valign="top" align="left" xpos="516"></td>
<td width="138" height="116" colspan="2" valign="top" align="left" xpos="639"></td>
<td width="1" height="116"><spacer type="block" width="1" height="116"></td>
</tr>
<tr height="84">
<td width="23" height="84" colspan="2"></td>
<td width="124" height="84" colspan="3" valign="top" align="left" xpos="23"></td>
<td width="123" height="84" colspan="2" valign="top" align="left" xpos="147"></td>
<td width="123" height="84" colspan="2" valign="top" align="left" xpos="270"></td>
<td width="1" height="84"></td>
<td width="122" height="84" valign="top" align="left" xpos="394"></td>
<td width="1" height="84"></td>
<td width="122" height="84" valign="top" align="left" xpos="517"></td>
<td width="2" height="84"></td>
<td width="136" height="84" valign="top" align="left" xpos="641"></td>
<td width="1" height="84"><spacer type="block" width="1" height="84"></td>
</tr>
<tr height="1" cntrlrow="cntrlrow">
<td width="19" height="1"><spacer type="block" width="19" height="1"></td>
<td width="4" height="1"><spacer type="block" width="4" height="1"></td>
<td width="2" height="1"><spacer type="block" width="2" height="1"></td>
<td width="83" height="1"><spacer type="block" width="83" height="1"></td>
<td width="39" height="1"><spacer type="block" width="39" height="1"></td>
<td width="1" height="1"><spacer type="block" width="1" height="1"></td>
<td width="122" height="1"><spacer type="block" width="122" height="1"></td>
<td width="1" height="1"><spacer type="block" width="1" height="1"></td>
<td width="122" height="1"><spacer type="block" width="122" height="1"></td>
<td width="1" height="1"><spacer type="block" width="1" height="1"></td>
<td width="122" height="1"><spacer type="block" width="122" height="1"></td>
<td width="1" height="1"><spacer type="block" width="1" height="1"></td>
<td width="122" height="1"><spacer type="block" width="122" height="1"></td>
<td width="2" height="1"><spacer type="block" width="2" height="1"></td>
<td width="136" height="1"><spacer type="block" width="136" height="1"></td>
<td width="1" height="1"></td>
</tr>
</table>

</table>
<map name="bio_textBbfc725fb"></map>
</body>
</html>
<script language="JavaScript" src="http://hostingprod.com/js_source/geov2.js"></script><script language="javascript">geovisit();</script><noscript></noscript>

Someone else told me to put backticks around the session variable and it solved the problem, so
$q = "SELECT * FROM `{$_SESSION['find']}` WHERE id = $id";

How do i apply a basic jQuery to my image gallery?

I'm using jQuery in order to allow an image gallery to show the same product in various colours. However the jQuery I'm using, animates the next image to sweep in from the left. And i just want the images to change in a basic way, so one image is on the screen at all times. Could someone please help me?
This is the current jQuery I'm using.
<script>
$(document).ready(function () {
    $("#red").click(function () {
        $("#img-red").show('');
                                $("#img-etchedglass, #img-blue, #img-green").hide();
    $("#blue").click(function () {
        $("#img-blue").show('');
                                $("#img-etchedglass, #img-red, #img-green").hide();
    $("#green").click(function () {
        $("#img-green").toggle('');
                                $("#img-etchedglass, #img-red, #img-blue").hide();
    $("#etchedglass").click(function () {
        $("#img-etchedglass").show('');
                                $("#img-blue, #img-red, #img-green").hide();
</script>
I have already asked on a previous stream, but could do with this sorted asap.
Thanks!!

If you have individual product images why don't you just write them to one <div> on the page (example below)
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="charset=UTF-8">
<title>Untitled Document</title>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function() {
$('#red').click(function()
$('#productImage').html('<img src="http://www.freeimages.com/assets/183431/1834305318/butterfly-1436021-m.jpg" alt="">');
$('#blue').click(function()
$('#productImage').html('<img src="http://www.freeimages.com/assets/183385/1833845416/aglais-urticae---little-fox-1441799-m.j pg" alt="">');
$('#green').click(function()
$('#productImage').html('<img src="http://www.freeimages.com/assets/45/443536/blue-butterfly-1433138-m.jpg" alt="">');
</script>
</head>
<body>
<div id="productImage">
<img src="http://www.freeimages.com/assets/183431/1834305318/butterfly-1436021-m.jpg" alt="">
</div>
<a href="#" id="red">Red</a>
<a href="#" id="blue">Blue</a>
<a href="#" id="green">Green</a>
</body>
</html>

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

Image gallery From an XML file...

Will flash reconize an XML file that is parameter based (Call
Functions) into a database to create a type of listing service to
show homes for sale?
My client is wanting a basic image gallery for now that will
later become a a fullfledged interactive document later down the
road for showing options in the homes they build. First, they have
Spec homes that they want to showcase (simply put these are homes
they already built and are sitting on the property that are move in
ready).
Step 1:
The end user would visit an HTML (CFM) document where they
would choose there search criteria.
Step 2:
then another page would show with an exterior photo of the
home, and a breif description where the user would select the home
they want to view more infomation.
Step 3:
This then would load the image viewer which is the flash
file, that would call to the XML file to load the parameters to
which home model to show.
The home will have a unique home model name in which the
photos are labeled accordingly the same way...
Exterior = ModelHomeName.jpg
Image 1 = ModelHomeName_1.jpg
Image 2 = ModelHomeName_2.jpg
Image 3 = ModelHomeName_3.jpg
Image 4 = ModelHomeName_4.jpg
Image 5 = ModelHomeName_5.jpg
etc...
Is there a certain way flash has to read the XML file with
parameters to translate it? Or what is the quickest possible way?
Thanks,
Eric

Any luck anyone?

Photo Gallery w/ Images adjusting size based on Browser size.

I'm new to web design but I'm trying to create a photo gallery with images that dynamically size based on the size of the browser window. Similar to this http://pageduke.com/#/Residential/Colonial%20Revival-Nashville1/1. I know th is a flsh site, but is there a way yo do it in HTML in Dreamweaver, maybe using Spry. I don't know Jquery, but is it possible that way.
Thanks

Nancy,
Woo is not a gallery. It's just a slider - a panel widget, which should
be adaptive/responsive by default. The problem is that for years, the
typical jQuery plugin writer simply copies stuff done by others so
someone finally realized you don't have to fix a width and a height if
you know how to write a stub script
Galleries are totally different. To do a responsive gallery is not so
easy and the only ones that come remotely close - using open source
scripts - do require an initial width. They will not scale both up and down.
I gusess it depends on what the original poster wants and/or cares about
in terms of efficiencies and functionality.
[External commercial link removed]
Message was edited by: Sudarshan Thiagarajan. Please refrain from posting external links advertising/ promoting products & services.

Creating an image gallery

Hi all,
I am trying to work out how to create an image gallery on a
page whereby there is a set of thumbnails to the side and the
relevant large image opens adjacent to the thumbnails when they are
moused over.
I have done this using the hide/show layers function but the
output appears incosistently in different browsers and/or window
sizes. I had in mind some adaptation of the "swap image" behaviour
that would open the swap in a different position? Or alternatively
making the layers approach display consistently?
The layers version of the page can be
viewed
here
Any suggestions or guidance would be greatly appreciated,
thanks in advance,
Graham

On Thu, 1 Feb 2007 15:25:09 +0000 (UTC), "hydroculture"
<[email protected]> wrote:
>I don't know the answer - wish I did, but I have been
using a substitute where
>I click on the thumbnail - which via a hyperlink takes me
to a page where the
>large image appears. Not as neat as what we both want ,
but gets the same
>effect,
If clicking a thumbnail is an option then this is a better
solution -
a free extension from PVII:
http://www.projectseven.com/tutorials/images/showpic/index.htm
Steve
steve at flyingtigerwebdesign dot com

Image gallery DELETE IMAGE function broken

Similar Messages

Maybe you are looking for