Preloader for xml image gallery
Hi,
I am a little stuck as to where to begin; I have created a
photo gallery and now need to add some preloader capability to it.
The images are brought in via XMLList etc... What I have in mind, I
would like to display a preloader untill all the images are ready
for viewing - not wanting to preload individual images one by one
I also have a document class within the gallery swf file, I
beleive that this may cause conflicts with attaching a preloader to
frame 1 - I have tried preloading the gallery swf file via a
preloader.swf; the end result still leaves me with having to
provide a preloader within the gallery swf.
Can anyone point me to any good examples, for me to get on
with it. Any help would be really appreciated folks ;)
Kind Regards,
Boxing Boom
Hi Kglad,
Thank you for your response: my images are loading sequentially via the following code segment;
//initialize the loader object
loader=new Loader();
//add an onInit event to the contentLoadedInfo
loader.contentLoaderInfo.addEventListener(Event.INIT, onImageLoaded);
//create the fake holder
fakeHolder=new Sprite();
//and add to it the loader
fakeHolder.addChild(loader);
//no need to add it to the stage
//force the resizeHandler to be called
resizeHandler(null);
//Load the XML file
xmlLoader=new URLLoader();
//assign the Complete loading event
xmlLoader.addEventListener(Event.COMPLETE,parseXML);
//load the file
xmlLoader.load(new URLRequest("data.xml"));
//initialize the url request
urlRequest=new URLRequest();
What I would like to do now is preload these,
Would the code to acheive this be:
xmlLoader.addEventListener(ProgressEvent.PROGRESS ,onProgress);
private function onProgress(pe:ProgressEvent):void
// this bit is what I do not understand; i.e. your x/n + bl/(bt*n) fraction example
Any further help on this on, would be really appreciated Kglad.
Kind Regards,
Boxing Boom
Similar Messages
-
I want to create a preloader which loads multiple images at a
time.
i tried the normal script with getBytesTotal() but it
provides the bytes of currently loading image, so the preloader
only works for one image at a time.
how can i get the size of all images that i want to load ?
ThanksThanks for the help
I can load the images in sequence one after another. But
there are few points to be considered here.
1. I want to display all images at once, when they all are
loaded.
2. I want to display only one preloader for all images while
they are loading.
3. I can't hardcode the size of images because images will
keep changing for the movie. So i can't use a particular size. (and
hardcoding the values for dynamic data is not a good coding
practice i guess.
Thanks -
Hi Everyone,
I've seen a really cool XML image gallery on the followng page: http://www.webbers.co.uk/property/view/id/6407
Does anyone know of a tutorial which may help me create something similar?
Regards.http://www.flashxml.net/cover-flow.html
-
Anyone have a good tutorial for an AS3-XML image gallery?
I'm a pretty good Flash developer, but I've never worked with XML in Flash. I'm looking for a good tutorial on creating an XML driven image gallery, but I have yet to really find anything. Does anyone out there have a good tutorial? Thanks!
JesseYour best bets for getting something more specific to your needs will either be to...
- search Google using terms like "AS3 XML gallery tutorial" and "AS3 XML slideshow tutorial"
- take one fairly complicated tutorial and learn how it works down to understanding each element of what is being done. Once you a proper level of understanding you should be able to reason out how to create one of your own with whatever different features you prefer -
Pre-loading external images for XML-based gallery
I'm working-on an XML-based photo gallery here:
http://www.unionandparkwood.com/demo/flash_gallery/
It works how I want it, except that the first time a
thumbnail is clicked for an image, it pauses long enough to skip
the fade. If you click-through the images a second time, you'll see
that it works smoothly. My guess is that the first time the
thumbnail is clicked, the image isn't cached, yet.
I tried to fix this by creating a JavaScript file for the
page to pre-load each image and thumbnail:
0003a = new Image;
0003a.src = "images/Down-Range.jpg";
0003b = new Image;
0003b.src = "thumbnails/Down-Range.jpg";
But that didn't work. What would be the best way to do this?
I included a link to "Download ZIP" of the FLA project on
this page, too, because it wouldn't be easy for me to describe
what's happening. In a nutshell, a thumbnail click launches a
function that loads the appropriate image into the main image
holder. What seems to be happening the first time is the image
isn't loaded before the fade is finished, so the image just appears
after a short pause the first time.>>What seems to be happening the first time is the
image isn't loaded before
>>the fade is finished, so the image just appears after
a short pause the
>>first time.
As has been said many times in thos forum - use the
MovieClipLoader class to
load images, and then use that class' onLoadInit method to do
things with
the loaded image. Loading is asynchronous - you _have_ to
wait until the
image is done loading before doing a fade.
Dave -
www.offroadfire.com
Head Developer
http://www.blurredistinction.com
Adobe Community Expert
http://www.adobe.com/communities/experts/ -
I'm creating my first xml driven image gallery in AS3 and could use some help. It's a pretty basic gallery that consists of a large image with thumbnails below it. You should see the large version of the thumbnails when you click on them, they should rotate chronilogically on it's own (use timer event?), and you should be able to scroll left or right in order to view additional thumbnails.
Below is what I have so far. My first task is to get the thumnails to line up correctly. I got the y value correct, but I need to space them out by 10px appropriatley. How can I do this? Thanks!
Jesse
import flash.events.Event;
import flash.display.MovieClip;
import flash.display.Loader;
import flash.net.URLRequest;
import flash.events.MouseEvent;
import fl.transitions.Tween;
import fl.transitions.easing.*;
import fl.transitions.TweenEvent;
import flash.events.ProgressEvent;
var myXML:XML;
var myXMLLoader:URLLoader = new URLLoader();
myXMLLoader.load(new URLRequest("images.xml"));
myXMLLoader.addEventListener(Event.COMPLETE, processXML);
var myImagePreloader:mcPreloader = new mcPreloader();
myImagePreloader.x = stage.stageWidth / 2;
myImagePreloader.y = stage.stageHeight / 2;
myImagePreloader.width = 75;
myImagePreloader.height = 75;
var container_mc:MovieClip;
var xCounter:Number = 0;
function processXML(event:Event):void
myXML = new XML(myXMLLoader.data);
myXMLLoader.removeEventListener(Event.COMPLETE, processXML);
myXMLLoader = null;
//createContainer();
loadThumbs();
function createContainer():void
container_mc = new MovieClip();
//container_mc.x = my_x;
container_mc.y = 510;
addChild(container_mc);
/*container_mc.addEventListener(MouseEvent.CLICK, callFull);
container_mc.addEventListener(MouseEvent.MOUSE_OVER, onOver);
container_mc.addEventListener(MouseEvent.MOUSE_OUT, onOut);*/
container_mc.buttonMode = true;
/*preloaders_mc = new MovieClip();
preloaders_mc.x = container_mc.x;
preloaders_mc.y = container_mc.y;
addChild(preloaders_mc);*/
function loadThumbs():void
var thumbLoader:Loader = new Loader();
for(var i:Number = 0; i < myXML.image.length(); i++)
var thumbURL = myXML.image[i].@thumb;
thumbLoader.load(new URLRequest(thumbURL));
thumbLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, thumbLoaded);
thumbLoader.y = 510;
//trace(imageWidth);
function loadFull():void
var fullImageLoader:Loader = new Loader();
//var imageURL = myXML.image[i].@file;
/*fullImageLoader.load(new URLRequest(imageURL));
fullImageLoader.contentLoaderInfo.addEventListener(Event.OPEN, addPreloader);
fullImageLoader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, preloadImages);
fullImageLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, imageLoaded);*/
/*function addPreloader(event:Event):void
addChild(myImagePreloader);
function preloadImages(event:ProgressEvent):void
var percent:Number = Math.round(event.bytesLoaded / event.bytesTotal * 100);
percent_txt.text = percent + "%";
function imageLoaded(event:Event):void
var myLoadedImage:Loader = Loader(event.target.loader);
addChild(myLoadedImage);
new Tween(myLoadedImage, "alpha", Strong.easeIn, 0, 1, 0.5, true);
percent_txt.text = "";
removeChild(myImagePreloader);
event.target.loader.removeEventListener(Event.OPEN, addPreloader);
event.target.loader.removeEventListener(ProgressEvent.PROGRESS, preloadImages);
event.target.loader.removeEventListener(Event.COMPLETE, imageLoaded);
function thumbLoaded(event:Event):void
var myLoadedThumb:Loader = Loader(event.target.loader);
addChild(myLoadedThumb);What you will want to do is maintain a placement variable that you adjust for each new thumbnail you add. So the first might go at xValue = 0. Once that thumbnail is processed you then add the width of that thumbnail plus the 10 pixels space you want.
If you know that the widths will all be the same and what that value is, then you can assign the location for the thumbnail loader prior to it loading like you do for the y property.
Otherwise, you will need to wait until the thumbnail has loaded before you can determine the width... which would mean you will need to load the thumbnails sequencially rather than using a for loop since they will not necessarily load in the order they are executed to do so. It is basically somewhat like what relaxatraja provided except using the width property. -
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. -
Hi! I've builded this XML gallery, and suddenly Im getting an
error when Im loading the pictures.
Its only sometimes the error comes.
TypeError: Error #2007: Parameter url must be non-null.
at flash.display::Loader/_load()
at flash.display::Loader/load()
at imageviewer_xml_subcats_fla::MainTimeline/allLoadXML()
at
imageviewer_xml_subcats_fla::MainTimeline/goForwardSorted()
at imageviewer_xml_subcats_fla::MainTimeline/sortMe()
Can anyone help me?
Flash file incl XML
imageview.flaI 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. -
Preloader for xml file and stage assets
I have a Flash app that shows a map with different regions
colored depending on values in an external xml file. I also have a
simple preloader that I want to appear until all the elements of
the app are ready to be displayed. However, when I use the
preloader, the results are the same as if I hadn't use it. My map
comes up immediately with no colors, there is a pause, and then the
colors come in (as calculated from the data in my xml file). Can
anyone tell me what I'm doing wrong? Do I have to have code in my
xml loader that tells the user what percent of the file is
loaded?XML files are really small. If that is all you are loading,
it should happen instantly, or close to it depending on the size.
Also if you are running it on your local machine, it will load very
fast unless you simulate the download.
But incase that is not the issue, your code looks incomplete,
or just headed down the wrong path. You should be useing a loader
class that has a series of events associated with it. Events like
"PROGRESS" and "COMPLETE". These events will fire automatically
when a file loads, and when a file is done loading. The Enter frame
event is not meant to handle loading. I would suggest using a class
like BulkLoader to handle all your loading needs.
http://code.google.com/p/bulk-loader/ -
Preparatory workflow for image gallery
I would like advice about what tools might be available in DW
CS4 to help with the preparations for an image gallery.
I have settled on a page design with the artist and processed
about 150 images for a gallery. These need to be categorised
according to his choice and whilst I wait I wonder if I can set to
coding the gallery pages. There may be a dozen or so. Then I expect
the image choices to change as the gallery pages get built and he
might want to change the order of images and how they fit together
on the page.
I am going to use one of the lightbox options and reckon that
I could get going on some of the coding in the thumbs. I would like
to do it in such a way that they will be in one place, and that I
could then drag them into a page when he's ready.
Thanks
MartinOK. What you need to do is, one at a time, create an animation of each image you want to fade in, and export it as an animation. Once you have done that you can specify the animation as the image to swap in the Swap Image wizard. For "Show the swapped image from", choose Image file and browse to the location of the saved animated version. Note that your end file size for this project will be prohibitive if you create it in this way. I strongly urge you to do it in Adobe Flash instead.
-
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.
ThanksHi 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! -
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">
<!--
function openLinks(){
var linksURL = "about.cfm";
var linksWindow = window.open(linksURL, 'linksWin', 'menubar=no,toolbar=no,width=1024,height=768,resizable=yes,location=no,scrollba rs=yes,screenX=10,screenY=1,left=10,top=1');
//-->
</script>
<csscriptdict import>
<script type="text/javascript" src="GeneratedItems/CSScriptLib.js"></script>
</csscriptdict>
<csactiondict>
<script type="text/javascript"><!--
CSAct[/CMP/ 'bfc75fbb127'] = new Array(CSSetImageURL,/CMP/ 'first_image',/URL/ 'folder/images/farofinal/f15.jpg');
CSAct[/CMP/ 'bfc75fc8128'] = new Array(CSSetImageURL,/CMP/ 'first_image',/URL/ 'folder/images/faro2005/f14.jpg');
CSAct[/CMP/ 'bfc75fd2129'] = new Array(CSSetImageURL,/CMP/ 'first_image',/URL/ 'folder/images/farofinal/f13.jpg');
CSAct[/CMP/ 'bfc75fdd130'] = new Array(CSSetImageURL,/CMP/ 'first_image',/URL/ 'folder/images/farofinal/f11.jpg');
CSAct[/CMP/ 'bfc75fe8131'] = new Array(CSSetImageURL,/CMP/ 'first_image',/URL/ 'folder/images/farofinal/f9.jpg');
CSAct[/CMP/ 'bfc75ff2132'] = new Array(CSSetImageURL,/CMP/ 'first_image',/URL/ 'folder/images/farofinal/f7.jpg');
CSAct[/CMP/ 'bfc75ffd133'] = new Array(CSSetImageURL,/CMP/ 'first_image',/URL/ 'folder/images/farofinal/f6.jpg');
CSAct[/CMP/ 'bfc76008134'] = new Array(CSSetImageURL,/CMP/ 'first_image',/URL/ 'folder/images/farofinal/f5.jpg');
CSAct[/CMP/ 'bfc76014135'] = new Array(CSSetImageURL,/CMP/ 'first_image',/URL/ 'folder/images/farofinal/f4.jpg');
CSAct[/CMP/ 'bfc7601e136'] = new Array(CSSetImageURL,/CMP/ 'first_image',/URL/ 'folder/images/farofinal/f3.jpg');
CSAct[/CMP/ 'bfc76027137'] = new Array(CSSetImageURL,/CMP/ 'first_image',/URL/ 'folder/images/farofinal/f2.jpg');
CSAct[/CMP/ 'bfc76031138'] = new Array(CSSetImageURL,/CMP/ 'first_image',/URL/ 'folder/images/faro2005/faro1.jpg');
var preloadFlag = false;
function preloadImages() {
if (document.images) {
pre_photographyB = newImage('folder/dec_buttons/photographyB.gif');
pre_KimB = newImage('folder/dec_buttons/KimB.gif');
pre_docBb = newImage('folder/dec_buttons/docBb.gif');
pre_weddingsB = newImage('folder/dec_buttons/weddingsB.gif');
pre_editorialB = newImage('folder/dec_buttons/editorialB.gif');
pre_petsB = newImage('folder/dec_buttons/petsB.gif');
pre_headshotsB = newImage('folder/dec_buttons/headshotsB.gif');
pre_horsesB = newImage('folder/dec_buttons/horsesB.gif');
pre_bioB = newImage('folder/dec_buttons/bioB.gif');
pre_ppB = newImage('folder/dec_buttons/ppB.gif');
pre_contactB = newImage('folder/dec_buttons/contactB.gif');
preloadFlag = true;
// --></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">
<!-- TemplateBeginEditable name="horses" --><!-- TemplateEndEditable --><!-- TemplateBeginEditable name="pets" --><!-- TemplateEndEditable --><!-- TemplateBeginEditable name="pets" --><!-- TemplateEndEditable --><!-- TemplateBeginEditable name="doc" --><!-- TemplateEndEditable --><!-- TemplateBeginEditable name="editorial" --><!-- TemplateEndEditable --><!-- TemplateBeginEditable name="etc" --><!-- TemplateEndEditable -->
<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>
<!-- TemplateBeginEditable name="bio" --><!-- TemplateEndEditable --><!-- TemplateBeginEditable name="packages" --><!-- TemplateEndEditable --><!-- TemplateBeginEditable name="email" --><!-- TemplateEndEditable -->
</table>
<map name="bio_textBbfc725fb"></map>
</body>
</html>
<!-- text below generated by server. PLEASE REMOVE --><!-- Counter/Statistics data collection code --><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 to implement Google "Show more results" type image gallery
Hello all,
Need help with implementation of "Show more results" for an image gallery, similar to google images.
The requirement is to display 10 images at a time and on click of button show the next 10 images by ajax. I have a db with image names and folder that stores the images.
Need some pointers as I cannot get my head around this.
Much appreciate your help.Google for tutorials on AJAX and XMLHtttpRequest
-
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.comPicture 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 -
Floating Divs in Image Gallery not within Div
I am creating a property page template that is nested within the main website template. Within this template, I have created a div within a div for the Image Gallery I am going to create.There is a main image and then 5 thumbnails underneath and all of this is centered.
What seems to be occurring is that if I float all of my thumbnail divs "left" so that they are all on same line, then they are no longer within the Image Gallery div. If I take away the "float" attribute (as I did on thumbnail 1 for an example), it finally resides within the div, however, the other jump down to the next line below it...stacking one on top of the other.
I am getting so confused, though I have commented at the end of each div, but I am just not sure what is required here. Ran validator on Web Tools for both HTML and CSS, but I get nothing. Help!
Here is the link.
Thank you!
SamanthaHi Samatha,
Try following:
Add a clear after your thumbnails as below:
<!--end infoImageThumb5--></div>
<br style="clear:both" />
And in your css add float left to all your thumbnails.
.profile #infoImageGallery #infoImageThumb1 {
float: left;
width: 95px;
margin-right: 5px;
height: 63px;
background-color: #00F;
margin-bottom: 5px;
.profile #infoImageGallery #infoImageThumb2 {
float: left;
width: 95px;
margin-right: 5px;
height: 63px;
background-color: #00F;
.profile #infoImageGallery #infoImageThumb3 {
float: left;
width: 95px;
margin-right: 5px;
height: 63px;
background-color: #00F
.profile #infoImageGallery #infoImageThumb4 {
float: left;
width: 95px;
margin-right: 5px;
height: 63px;
background-color: #00F;
.profile #infoImageGallery #infoImageThumb5 {
float: left;
width: 95px;
margin-right: 5px;
height: 63px;
background-color: #00F;
Regards,
Vinay
Maybe you are looking for
-
How can I get Apple to give me an activation key for QT Pro that works?
Stopping at the Genius Bar last night, they suggested I upgrade my QT Viewer to Pro so I could move some of my digital video over to my iPone. I followed the purchase/download instructions and after putting in the activation code, I was NOT redirecte
-
I have pdf table like this:- Header 1 Header 2 Header 3 Header 4 Header 5 Header 6 Header 7 From To No. of Days Balance Date 1 2 <ADD Button> / <Del Button> 3 4 5 This Row is 730 to be hidden DateFieldFrom DateFieldTo DateFieldTo-DateFieldFrom(Some N
-
Stored procedure - insert clob obj - error msg: ORA-01460: unimplemented
Hi all, I have a situation where I want to insert a clob object to my local table via a stored procedure. The clob object stores large amount of text. The clob data is populated from retrieving content in an external text file. When executing an inse
-
Report Builder 3.0 Category Listing
. I have a budget report assembled with user drop-down parameters of "Budget Year", "Budget Department", and "Departmental Category". The report runs just fine with a single selected "Departmental Category" but if I select multiple "Departmental Cat
-
Why can't I change the transparent color and font color in IOS 7?
Who thought all this WHITE AND TRANSPARENT color looks appealing? Why can't I change the color of the folders and text? I already tried inverting the colors and then it washes out the photos I use as my wallpaper. I love everything, so far, except th