i have 2 php pages i.e relations.php and save_relations.php. the relation form action ="save_relations.php" where there is just the saving of the user inputs and then redirecting the user to the view. i have written a ajax-javascript in save_relations that gives me an error "null" is not an object Code:
View 2 RepliesI made a web page have BGSOUND music. The problem is that sound is loading lately.
Can I load sound first then load web page contents?
i have a gallery that i wanted to add it a preloader untill all the pictures are loaded. it work great on FF, chrome,safari but it does not work on IE: the preloader does appear but refuse to fade out, so the gallery does not show properly.this is my code:
the jquery:
var z = 0;
var inAnimation = false;
[code]....
So I wanted to make an image preloader, I found a tutorial and followed as best I could (in all fairness it wasn't the best tutorial), but have got a little stuck.
I think all I need to do is enter the src of the images but I can't see where to put them and if I make an array or make a series of entries.
If anyone could give me a hand I'd really appreciate it as I'm a bit of a noob when it comes to javascript.
This is what I have so far.
Code JavaScript:
function ImagePreloader(images, call-back)
{
// store the call-back
[Code].....
I want to build a loop, which cycles through a set of images and displays each image for a few seconds. In Firefox everything works fine, IE6 also executes the code but gives an script error in the status bar ("not implemented"). The relevant line of code is in red in the code below.
What could cause this ugly error in IE?
Code:
var imgpath = "imgtest/";
var errpic = 1;
var maxpic = 5;
function imgloop(actno) {
if(actno==maxpic) {
actno=1;
} else {
++actno;
}
preload(actno);
}
function imgshow(actno) {
document.mainpic.src = imgpath + actno + ".jpg";
imgloop(actno);
}
function delay(actno) {
setTimeout("imgshow(" + actno + ")", 5000);
}
function preload(actno) {
img = new Image();
img.onload = delay(actno);
img.src = imgpath + actno + ".jpg";
}
Does anyone know why my image preloader isn't working?
<SCRIPT LANGUAGE="JavaScript">
var imagesArray = new Array();
imagesArray[0] = "url/image_1.jpg";
imagesArray[1] = "url/image_2.jpg";
imagesArray[2] = "url/image_1.jpg";
function preloader(){
var preload = new Image();
for (i=0; i < imagesArray.length; i++) {
preload.src = imagesArray[i];
}
}
function swapImage(imgIndex) {
document['imgBig'].src = imagesArray[imgIndex];
}
</script>
on bodyload I call preloader()
a link swaps the image swapImage(0) for example, but the images don't preload, they still end up loading when you click the swap link.
I use this javascript in my site's header.php to preload five menu a:hover images:
<script type="text/javascript">
function preloader()
{
counter
[Code]...
in the body tag. I loads fine in IE7 and IE8, but Firefox seems to ignore it and not preload the images properly. What am I missing here? Did I make a mistake or does Firefox 3.5 just work differently with the loading of these five small images?[URL]...
I've implemented the jqueryPreloader I found here. It work fine except for two pages in wich the script stops without end and so the page is not visible...the web site where I added the scriptinfo and contact page where the script doesn't workI looked to the firebug console but there isn't any apparent error... but the script loads the screen-wide div (.QOverlay) with #fff background and ends without load the loading bar and without fading out the .QOverlay div
View 14 Replies View RelatedI have a rather large background image as part of the website layout. It's basically the header. It takes a while to load. I wonder if there is an AJAX or javascript loader that can show a loading gif before the image is loaded and then be removed so it doesn't show when you change pages next time.The CSS for the header is below.what code to use for a preloader? Would be grateful for info about this
CSS
#header{
height: 567px;
width:1000px; [code]....
In the inputbox on my local site i want a preloader for the autosuggest-function.
I have a script, that activate the class 'load', when i type one or more characters.
When i add/delete a character the preloader shows continues.
But how can i remove this class after 2 seconds? and when i add/remove a character how can i activate the class also for 2 seconds?[code]...
I'm trying to build an image gallery and I want to shrink all the images a bit to allow for enlarging them on mouseover. I have it working fine locally, but when deployed to my server it doesn't work because the image files are still loading as the javascript executes. What I wind up with is the js using the image's alt tag's text size as the image size, which then gets resized to create a squashed image. What I want to do is preload all the thumbnail images before the the function to resize them gets called so the resize function has the proper dimensions of the images to do the transformation on. I'm using the jQuery.Preload plugin for my preloading functionality.
$(document).ready(function(){
[Code]...
My expectation of this code is that the enable_anim_resize() function will not be called until all the images are loaded, but I don't see any difference in this execution than if I just sequentially put in my resize code after the preload line and didn't use the onFinished callback for the preload method (example below:) $(document).ready(function(){ From my understanding of the documentation and examples of the preload plugin, the enable_anim_resize() function shouldn't be called until all images on the page are loaded, at which point the proper dimensions of these images should be available for correct resizing. Can anyone clue me in on what I'm missing here?