I'm doing a job for a company called Timplex (double-u double-u double-u dot evanwhat dot cawm slash timplex) if you go to the portfolio page, you can see I'm having some trouble with the load times. It takes about a second to change from one picture to another. The images are uploaded to the site in an "images" folder. This is the [code]...
View 5 RepliesI'm starting to use JQuery ajax and am seeing a second-2 delay in the loading of a line of text when I click on the link.
Here is the JQuery code
Content should load when the slideUp is done but it normally doesn't change the content till halfway through the slide down because of the delay.
I've tried without the slideup/down but it still has this delay.
The content to load is at most 8 words.
I've written a slideshow script which loads and displays a series of >1Mb images from the local machine. Each image is loaded twice - once to get the dimensions and once to be shown on the screen, so it can be dynamically resized by another script.
This script runs without problems in Opera and Internet Explorer, no matter how many times it's executed. However, after it runs a couple dozen times in Firefox, the width and height attributes of the image start returning 0. It seems like the loading has slowed down considerably and the script starts skipping to the next line without waiting for it to finish.
I've tried adding the line while(!image.complete), which works, but invariably causes Firefox to display a message saying the script is causing Firefox to run slowly, and asking if I want to abort.
Is there a way I can flush earlier images from the cache, or somehow free up resources so the script will continue to run as quickly as it does at the start?
how to make the following two simple image galleries:This one displays a specific image when its link is clicked ((URL address blocked: See forum rules)/tests/gallerysimp.html) And this one displays the previous/next image for whatever's showing ((URL address blocked: See forum rules)/tests/prevnext.html). (During its code, it points to this .js file ((URL address blocked: See forum rules) /tests/ nextPrevious.js).)
My question is, how do I combine those two galleries? How can I make one gallery that contains both kinds of links? Since the two galleries were copied from different places, the names they use aren't the same, and I'm not sure what to change to make it all unified. (I tried fiddling with it for over an hour before giving up.)
make a div show() a few seconds after page load and to easy open slowly / > preview page
here is what I have tried
<
script type="text/javascript">
[code]....
I want to pre-load images for my gallery, but I'm not sure of the best way to go about it. Currently, I have php code that generates thumbnail images on page load and while this works fine, it at times can be very time consuming. For reference, below is my php code. how I could/should pre-load images?
<div id="galleryReel">
<ul>
<?php[code]......
why my js photo gallery not able to load on google chrome [URL]
View 3 Replies View RelatedI created an image gallery which displays 63 images in a slideshow. The
problem is that the show was slow because each image loaded one at a time
during the show. No problem right? I just did a preload script. But then the
user has to sit for 5 minutes waiting for 63 images to download! My images
are about 640x480 and average 100kb. Is this too much for one page to load?
Should I load my slideshow into differerent windows? If so, don't I have the
same problem with my loading time?
I tried to used this script to navigate through a gallery on my CMS website. [URL].
It looks like this:
HEAD
Code:
<head>
<title>My Domain</title>
<script type="text/javascript" src="[URL]"></script>
</head>
BODY
Code:
<div class="gallery">
<div id="gallery_content_left">Gallery<br />
<a href="javascript:void(0)" onclick="open_url('[URL]','gallery_content_right');">Gallery 1</a><br />
<a href="javascript:void(0)" onclick="open_url('[URL]','gallery_content_right');">Gallery 2</a><br />
</div> .....
The pages which are loaded look similar to the main page shown above. It works fine, except the fact that the whole page is loaded into the "gallery_content_right" DIV (including header, navigation and so on). Is it possible to just load the DIV "gallery_content_right" from the other pages, so that just the content from "gallery_content_right" is replaced onClick()?
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]....
I'm trying to make a gallery with quotes and I want to categorize them. The problem is that some of the quotes have to be in 2 or more categories. I can make one html page for each category and if a quote applies to more than one just duplicate it on the two categories. But that seems very inflexible.
I was wondering if it is possible to make a gallery with tags. Just like in a wordpress blog every blog post has a tag or a category assigned to it. When you click on the category all posts in the same category appear.
If I can tag every quote with a category and then set these categories as links on my home page that will save me a lot of time. It will also be much more flexible and easy to change a quote's categories without having to go through each html page to look for it.
Is it possible to make something like that with javascript?
i want to make a photo gallery of many images... i want it to be enlarged with an effect.. i have a thumbnails images and large images i want the thumbnails to be enlarged with any effect and to be displayed on the same page .. can anyone send for me a new photo gallery effect?
View 1 Replies View RelatedI'm trying to get use of the following JQuery example: Animated Boxes Example
So I wrote the following code trying to make a gallery from the example above:
The TestAnimeScroller.js Script is as following:
As you can see from the code above I'm using the webserive only for testing the scroller for ajax calls problems.It has only the Hello World default web method.
However every thing works fine except that the images are shaking abit whilescrolling to the left.I tried many things but it was no use.I prefer to make a scroller from scratch rather than use a plug-in so I could make custom things easily...I'm using Jquery 1.4.2
My site gallery loads everything before it appears, and sometimes it can take a while. So I want to add a "loading..." message of some kind. I only want it to show once during the original load, not for each image. Here's a link to the gallery:
[URL]
how is it possible to make some changes to the loading webpage before it's shown to the user? Example: when a user clicks a link, I woud like to silently load the corresponding webpage, make some changes to html (e.g. embold the headers or translate some text), and only after that let the browser display the page.
View 5 Replies View RelatedI've found a post regarding this issue but it's a little bit different this time.So I've created a .php script which creates some galleries where users can click them and browse their respective photos. It works like a charm in Chrome and FireFox, but IE doesn't like it.With this code:
script
type
="application/javascript"
[code]...
When I click on the gallery thumb it should open the first photo in fancybox and browsing through the gallery should by peanuts. And it is, but with IE just opens the .jpg in a blank page without fancybox. The strange thing is I've used the same script approach in another website and the fancybox works just fine with IE too. So why doesn't in this case?
Is there a way in Jquery to make a gif spin to use as loading/wait indicator .gif ?
I have an image I want to spin and be my loading/wait/progress indicator gif.
Can I spin it in JQuery? Is this lighter than an animated gif?
I'm not sure how to make something draggable which is dynamically loaded. The click event works fine on the new content though.
Like for example [code]...
I've started seeing this on a few pages and I'd like to add it to mine. I'd like to add a back to top button where it doesn't just jump right to the top, but acts like the user were actually using the scroll bar.
Here are some well done examples: [url] and [url]
I like the first one better (where it shows an up arrow if you've scrolled far enough), and I found what I think is the javascript responsible (though I'm not sure if it's exact right to take it.) let alone, i'm not sure how i would even implement it yet.
[url]
I've got a basic example working on my own site, I just don't know how to stop it, (right now it just keeps going and going even if i try to scroll back down.) i'd like to be able to tell if the user reached the top, then stop it, but from what I've looked, i can't find a way to check where exactly they are in my page.
I figure, if i can get mine to stop, I can fancify it later with the image that shows if you've moved down and what not, right now I'd like to just stop it when it reaches the top.
I want to fade in each element in my array with a slight delay from the preceding element so they dont all fade in at the same time.
Here is my code:
Essentially, when I hover over an image that is a link, I want a vine to slowly appear around the image. Isn't there something like this out there?
View 2 Replies View RelatedI have a banner on a site that auto shrinks after 5 seconds. The problem is, in Firefox (and Safari on the iPad) it shrinks too slow (compared to other browsers) and shrinks irregular (for lack of a better word). What I mean by the last part is it starts shrinking, then stops for half a second, then continues.
Is there anyway to fix this?
Here's the link: [url]
Go to this site [url] then click on login in the upper right corner, and try to drag the div by click and dragging on the top of the div.
For some reason it works only when dragging to the right and up and down, but when you drag to the left, the mouse slowly gets out of the div.
The css of the login form is:
And the javascript for it is:
What i want is the same effect as if u would drag a windows application.
i want to show and hide transparent picture(png) slowly and smooth (opacity form 0% to 100%), it is working in all browsers except ie, there i have got black border ...
my examle: [URL]
I need to see if I can shorten this AND see if I can have a "show all option" added.The page is setup like so.. I have the following javascript working.. I'm running jquery... being a semi newbie it took a while to get this running.I have 4 DISTINCT queries that load up select boxes.There are 4 select boxes .. on change, the queries will see what option was selected and re-run DISTINCT SQL queries so all the select boxes only have related info.. so no one ends up with a "zero" results.I'm hiding these to help walk through in a logical order. However I need to1) Have a show all and let them select anything they wish and show all 4 boxes. How can I add a "show all" to the script below2) I noticed on page load the boxes show and then slowly hide. THis looks messy.. how can I alter that?3) This seems long for what I'm doing.. is there a way I can shorten this code? What if I expand to 8 boxes.. then I'll have 8 simple if statements.. but it seems unnecessary.CODE that is working is
$(document).ready(function () {
if ($("#pMaterial option").is(":selected"))
{
[code].....
I got this message when i try to open the main page of my applicationpankaj.site in IE 6 or IE 7. This is working fine in Firefox, Safarietc."Stop running the script?A script on this page is causing IE to run slowly.If it continues to run, your computer may become unresponsive."After I clicked the "Yes" button, then the loading message came up andstopped there.
View 1 Replies View Related