I am currently using the scrollable jquery plugin to scroll some images of thumbnails in a gallery. What I'm trying to do now, is figure out how to load the large version of those thumbnails into a div when they are clicked. Here is a link to the webpage where the source can be viewed. [URL]
View this message in context: [URL] Sent from the jQuery General Discussion mailing list archive at [URL]
I have to do a slideshow with images of different widths... am using cycle plugin, which I like very much... I have a little test slideshow here, http:[url]....it's not centering imgs in containing div (I made div width of widest image.. this will work for my situation, in which imgs will be hard-coded..)if you inspect img element in firebug (#slideshow img), it shows that the plugin adds a style of position: absolute; top: 0px; left: 0px .to the img; why does the plugin do this.. how can I center the images in containing div...
View 1 Replies View RelatedI'm having difficulty loading images via Ajax on a site that I've been working on.I'm performing the ajax by using the Request.HTML object of the MooTools framework. Basically, I'm just passing some parameters to a php script which outputs some image tags and then I insert that HTML into a pre-defined content div. For some reason though, it seems that big images don't seem to load consistently when using this technique. Usually, they will just show up as broken images, but when I navigate to the url of the image that is 'broken', it displays just fine. Also, occasionally after navigating to the actual url of the image, my browser will cache the image and then it will display just fine when loading it through Ajax.
View 3 Replies View RelatedThe scenario is, a scrollable DIV on a webpage. Within the DIV is a scrollable textarea. Beside the DIV is a button whose onclick event creates and places another scrollable textarea below the first. Any subsequent onclick events places another scrollable textarea below the previous. I'm fairly sure that CSS will come into play for positioning of additional textarea's. My thinking is to create an array for the first textarea ID, then increase the array by 1 on any subsequent onclick event, then assign contents (values) of textarea(s) to ID's using innerHTML. Is this approach plausable, or is there a simpler method to this madness? Is there a method/function for calculating the height (px)of a textarea with overflow set to auto, regardless of text length within.
View 2 Replies View RelatedIt's for a photo gallery like this http:[url].....php but the one I need it for has 100 images so the page loads much slower. I can't just put the loading gif behind the images (as you would normaly) because you can see it with each image fade in and out. how I can have a loading gif show "only" while the images are initially loading, and then it goes away?
View 1 Replies View RelatedI am currently using the scrollable jquery plugin to scroll some images of thumbnails in a gallery. What I'm trying to do now, is figure out how to load the large version of those thumbnails into a div when they are clicked.
Here is a link to the webpage where the source can be viewed. [URL]
I've been using the JME playlist plugin successfully in the scenario where I load one list and interact with that list only. However, I've had to update my app to load multiple lists and switch between them. Unfortunately, I can't get the new playlist to load - the original keeps playing. The behavior I'm going for is analogous to what happens when you call $('audio').loadSrc(new_playlist) - where the old playlist stops playing and the new playlist starts playing from the beginning.
I'm trying to use the array method,$('audio').playlist(pl_array), as that's easiest for processing. I've included a test example here so you can see the exact code I'm using:
[Code]...
Having just dipped my toe in the jQuery pool, I've managed to create a preload and fadein for images on this portfolio site.However, when I view the page in Firefox something odd happens. Initially, the images load in fine with the desired effect. But when I click the logo (which links back to the same page), the images fail to load. I have to refresh for them to reappear.
View 4 Replies View RelatedI have a problem on a Wordpress website: I gave certain pictures (as elements of the layout) rounded corners with a jQuery plugin. Some posted pictures I want to load with Lightbox (or similar). I have used several different Lightbox plugins for Wordpress (Lightbox 2, jQuery Lightbox, Simple Lightbox etc. etc.) but none of them work. I got some weird version of GreyBox working but FireFox gives an error every time before opening it so that's real shady code. As you can see on this page is that I include jQuery for the rounded corners at first but then the Lightbox plugin automatically adds it's own version of jQuery and they cancel each other out. I know for a fact this is the problem because I 'lose' the rounded corners as soon as I turn ON the Lightbox plugin. Once that is turned off the nice rounded corners show again. I tried several different plugins, changing the order of the jQuery code around, making both the rounded corners plugin and Lightbox rely on one single jQuery statement. Nothing has worked so far.
View 1 Replies View RelatedMy code is very simple: a div conatining 5 images (always the same 5!) to swap using the fade effect. It works fine in IE but in Firefox (I have Firefox 8.0) the images are not being uploaded. I checked previous posts and some point out that instead of doing
[Code]...
I would need to include a 'load' event trigger. However, since I am not that familiar with javascript or jquery programming, I couldn't manage to program this solution and tested.
I am having an issue with my slideshow images not always loading correctly and instead displaying just a thumbnail of the image. If I reload the page the image works correctly [code]...
View 1 Replies View RelatedAs part of an experiment I have run into another interesting item that I have tested and seems to work, but just because it seems to work may not mean that it is best practice. I am looping through source paths contained in links for the images and using this; It does seem to have the desired effect, photos loaded into a lightweight lightbox style modal window properly center themselves in the screen. When I remove this it is hit or miss on whether the image will center properly.
When I remove the css method the images should show up in the page, right? Because they don't. The display property seems not to be needed and I cannot see the image tags in Firebug.
[Code]...
The first method sure does take a lot less code and seems functional for the purposes of opening the full-sized image centered on the page in a modal window but something about it strikes me as fishy - like it wouldn't be best practice. Anyone have any insight on this?
I've got image files named 0-0, 0-1, 0-2 and so on up to a certain point, and I want to load each file until it can't find another, hence the jquery ajax error. At the moment, this works in firefox only.
Code:
for (var i = 0; i < _images.length; i++) {
var ready = 1;
var count = 0;
var arr = [];
[code]....
[URL]
The slides load as one huge stack in IE7, almost like the script isn't loading or something?
This is what I'm working with:
<script type="text/javascript">
$(document).ready(function() {
$("#gallery").css("overflow", "hidden");
$("ul#slides").cycle({
[Code].....
I'm new to jquery, and to javascript in fact. I'm trying to find some way to find out when an element (by its Id, class or element type) has been loaded. What I have is the following: I have a report in a table, and the records are paginated so that only a few (say 10) are shown each time. When I press "next page" only the table is reloaded instead of the whole page.
The thing is, some of the table cells have a datepicker, but I only manage to show the datepicker in the first page (because it is the only time when the whole page is loaded and I add the datepicker on document.ready). So, I guess what I'm looking for is something like $("table").ready(function... . I have found an "elementReady" plugin, but what it does is triggering an event when a given element is ready (which is what I want) only when the full DOM is loading (which is not what I want).
I have a jQuery based gallery [URL] that will load thumbnails to the bottom of a page, however for some reason these images only load on Firefox and IE (Not Chrome or Safari). I'm not sure this is due to jQuery completely.
View 3 Replies View RelatedI have an Innerfade image gallery on my home page and when the page loads, i briefly see all images before the script kicks in.Is there anyway I can hide the images while loading, or make sure the script executes before the images are loaded perhaps?
View 1 Replies View RelatedI'm working on a project that involves a page with a large amount of images (sometimes 400+). What's the best way to handle this? Should I track the loading-state of all of them, or is it save to assume I can do stuff as soon as the last image is loaded? So.
[Code]...
The form processor I'm using can take a few seconds to complete (and either take me to the thank-you page or back to the form with error messages). I'd like to change the "submit" button to a loading GIF. I'm using the following code but realize that the form (using ajaxSubmit) doesn't actually submit when I do this.
function pleaseWait() {
var x = document.getElementById("submitdiv");
x.innerHTML = "Please Wait... <img src='/images/ajax-loader.gif' />";
}
[Code].....
I am new to using jquery and had a question about the slider that I use on my portfolio [URL]. The slider works perfectly but the one issue I have is that whilst it is loading you can see all the images that are used in it tiled vertically, overlapping the text and the rest of the site. It basically looks very ugly whilst loading so I was wondering if there is a way to hide the images whilst it loads, or if there is another alternative?
View 3 Replies View RelatedI have two separate questions. One being, how would I go about having the container resizing itself for different image sizes. So that surrounding elements can conform to it's size?
Also, is there a way to align the images in a slide shows so that it is always horizontally and vertically centered in the slideshow?
With the following code I'm loading images asynchronously into an html document.
$('input.src:hidden').each(function()
{
var img = new Image();
$(img).load(function()
{
[Code]...
As you can see there are some hidden fields in the document that hold the source locations of the images.By looping trough them the images are being loaded, but not as expected. I'd expect them to always be in the order of 18, 19, 20, 21 but instead of that images get loaded, well for as far as I can see, pretty randomly.
I'm trying to create a simple image gallery by loading images from an xml file The xml file looks like this
Code:
<?xml version="1.0" encoding="UTF-8"?>
<images>
<img>images/01_th.jpg</img>
[code]....
I'm trying to create a simple list of div's like below
Code:
<div>
<img = "images/01_th.jpg" />
</div>
[code]....
Malsup's cycle plugin - can the image set being cycled through be changed on-the-fly? e.g. a user clicks on a thumbnail A and cycle shows A's images, clicks on thumbnail B and see B's images etc.
View 1 Replies View RelatedI am using the cycle plugin to vertically scroll images with text overlays on a WordPress homepage. I position a div with a semi-transparentbackgroundto darken behind the text The div style uses abackground-image with the -moz-linear-gradient and for IE it uses filter with the microsoft gradient. I thought it might be a problem but it actually works half the time. When a new slide appears and scrolls down the text background is completely transparent - through to the page background. The text over the background is also faintly visible. Once the new slide is in position however, the background and textappear as intended. The suprising point -while theslide is being removed the text and background display perfectly.
[Code]...
I'm trying to make this script fade instead of slide while rotating through images.
/*
* Easy Slider 1.7 - jQuery plugin
* written by Alen Grakalic
* http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding
[Code].....