I am seeing an odd issue that really doesn't make sense to me. I have
a page that loads a bunch of images via an AJAX call that returns
json. I then parse that json to display a user-selected number of
images per page. I added jquery ui code to "drop" in and out the
images when you change the number per page. This is working fine. When
I change the hide to use slide instead, it still works fine. However
if I change the show to slide, I get no effect for either the show or
the hide. Here is a snippet of my code in the way I WANT it to work:
function buildPhotoList(passedStartVal, passedMaxVal){
$("#content").hide("slide", { direction: "left" }, 1000);
// clear image divs out
$("#content").html("");
startVal = passedStartVal;
passedMaxVal = (startVal + passedMaxVal > g_imageTotal ?
g_imageTotal : startVal + passedMaxVal);
//loop to print out the image divs
for (var i = startVal; i < passedMaxVal; i++) {
var photoElem = g_xmlDoc.photos[i];
//pull content from XML
var imageNumber = photoElem.imageNumber,
imageExpDate = photoElem.imageExpDate,
imageExpDateSort = photoElem.imageExpDateSort,
imageDateEntered = photoElem.imageDateEntered,
imageSearchMatch = photoElem.imageSearchMatch,
imageType = photoElem.imageType;
//setup vars with html
var imgData1 = '<p>' + imageNumber + '</p>',
imgData3 = '</a><p>Expiration date: ' + imageExpDate + "</div>",
aTag = '<a title="Image ID: #' + imageNumber + '"
HREF="javascript:NewWindow(\'/national/tbz3.nsf/ImageLibrary/' +
imageNumber + '.jpg?opendocument\', \'ZOOM\', \'837\', \'445\', \'no
\')">',
imgTag = '<img border="0" src="/national/tbz3.nsf/ImageLibrary/' +
imageNumber + '.jpg/$file/' + imageNumber + '.jpg" />',
divTag = '<div class="gallery" id="' + imageNumber + '">';
//write html to the page
$("#content").append(divTag + aTag + imgTag + imgData1 + imgData3);
}
$("#content").show("slide", { direction: "left" }, 1000);
}
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---