I have installed Lightbox 2 Lightbox 2 for a client's site redo, and we are concerned about the opening speed of Lightbox for those on a slower Internet connection. Lightbox is only for those visitors who want to see images in a larger view. Is this something we should be concerned about? Are their other choices that would be better?
View 1 RepliesIs it possible to handle socket connections with javascript?
View 2 Replies View RelatedI have a web app, written in Javascript, that communicates to a back-end
server via XMLHttpRequest.
The logic goes:
* Login
* Perform transaction
* (delay while the user does something)
* Perform transaction
* ...
* Logout
It would be really convenient if I could make the whole thing a single HTTP
connection. That way, I avoid needing IPC and session management at the
server end, and a single instance of a CGI script can represent the entire
session. When the socket gets closed, the CGI script terminates and
implicitly logs the user off. All very simple.
Can I use HTTP pipelining with XMLHttpRequest to do this? The docs seem to
say (it's quite hard to tell) that I have to call open() after each send(),
which will presumably create a new HTTP session. Can I 'persuade' the
browser to reuse an existing session?
I'm using th ejquery cycle to dispaly testimonials on a store page with an ssl connection. The problem is that when I call the script from [URL] I've tryed using the script directly on the page without calling it from the hithub slink, but no luck. how can the cycle plugin can be used without having the browser turn on the security warnings?
View 2 Replies View RelatedI have to following jquery lightbox code:
<script type="text/javascript">
$(function() {$('#largerview a').lightBox({
fixedNavigation:true,
[code]....
I currently have a slideshow working on my client's site, but I can't get lightbox to work properly on it. [URL]...
Is there a way to fix the existing slideshow to work with lightbox? Or is there another way of doing this (keeping the same look that is currently in place)?
We're developing an ASP.NET / C# intranet application. All users use
Internet Explorer 6.0 and JavaScript is always enabled.
In a HTML table, we use an onclick event on each tablerow and in that
onclick event (javascript) we save some values in hidden fields.
Most of the time, this works very fast, but it also happens a lot of
times that the internet browser respons very slow or gets stuck. We
really don't know what causes this, because in the javascript we do only
simple things such as setting values in hidden fields.
Is there anyone who recognizes this problem and knows some possible
solutions?
Images are cached by the browser depending on the headers sent by
the server. If the server does not send sufficient information
for the browser to decide the image is cacheable, the browser
will check if the image has been updated every time you change the
src of an image (in some user settings). To overcome this you
must send suitable headers.
Has anyone else had this issue? Basically, the preload of images for a
rollover effect for the navigation is really really slow when using IE
6.0 but when i view the site using Netscape, it's fast like it should
be(no lag!)
My problem is that since 96% of users use IE, i need to figure a way
to fix this. Below is the javascript currently being used. The
arguments are passed in before the script is called.
MM_preloadImages(
'<%=assets_path%>/left_nav/manage_view_wthr_on.gif',
'<%=assets_path%>/left_nav/manage_admin_guide_on.gif',
'<%=assets_path%>/left_nav/manage_terms_cond_on.gif',
'<%=assets_path%>/left_nav/manage_reports_on.gif',
'<%=assets_path%>/left_nav/manage_account_info_on.gif',
)
function gn_rollover_preload(){
//preloads middle images for the navigation
if (document.images){
var argLength = gn_rollover_preload.arguments.length;
for (arg=0; arg < argLength; arg++){
eval(arguments[arg] + "_off = new Image()");
eval(arguments[arg] + "_on = new Image()");
eval(arguments[arg] + "_left = new Image()");
eval(arguments[arg] + "_right = new Image()");
eval(arguments[arg] + "_off.src = '" + ASSET_PATH_HEADER +
"button_nav_"+ arguments[arg] + "_off.gif'");
eval(arguments[arg] + "_on.src = '" + ASSET_PATH_HEADER +
"button_nav_"+ arguments[arg] + "_on.gif'");
eval(arguments[arg] + "_left.src = '" + ASSET_PATH_HEADER +
"button_nav_"+ arguments[arg] + "_left.gif'");
eval(arguments[arg] + "_right.src = '" + ASSET_PATH_HEADER +
"button_nav_"+ arguments[arg] + "_right.gif'");
}
// Now Preload all "corner" images for faster swapping
corner1 = new Image();
corner2 = new Image();
corner2_both = new Image();
corner3 = new Image();
corner3_both = new Image();
corner4 = new Image();
corner4_both = new Image();
corner5 = new Image();
corner1.src = eval("'" + ASSET_PATH_HEADER +
"button_nav_corner_1.gif'");
corner2.src = eval("'" + ASSET_PATH_HEADER +
"button_nav_corner_2.gif'");
corner2_both.src = eval("'" + ASSET_PATH_HEADER +
"button_nav_corner2_both.gif'");
corner3.src = eval("'" + ASSET_PATH_HEADER +
"button_nav_corner_1.gif'");
corner3_both.src = eval("'" + ASSET_PATH_HEADER +
"button_nav_corner3_both.gif'");
corner4.src = eval("'" + ASSET_PATH_HEADER +
"button_nav_corner_1.gif'");
corner4_both.src = eval("'" + ASSET_PATH_HEADER +
"button_nav_corner4_both.gif'");
corner5.src = eval("'" + ASSET_PATH_HEADER +
"button_nav_corner_2.gif'");
}
}
Code:
As far as I can tell, there seems to be a distinct lag time in IE before the switch from the 'off' to the 'on' image, and vice versa, which doesn't seem to exist in Mozilla.
Is this something that can be fixed by tweaking the script?
The script, btw, is pretty ancient, so I expect it may contain some outdated stuff. I found it years ago when looking for a script that would allow me to easily customize the number of target images changed by a single onmouseover/onmouseout action. Since I don't actually know javascript, I tend to stick with the ones I've learned to at least do basic customization of.
I've got the following site that loads great in FF and Chrome (no surprise), but is terribly slow in IE7. It's even quick in IE6, but not 7. Here's the site code...
Now I'm using JQuery in a couple places, but it's by no means nothing crazy. The page is fairly simple.
I thought of preloading the main content images, but even after they are loaded in the cycle, the loading time is still slow.
I have a div that is invisible all the time, and when one popup is activated, that div will fade in to darken the website background, like this:
And I'm using the following code when the darkness appears:
PHP Code:
function raiseOpacity(obj,counter) {
obj.style.opacity = counter/100;
counter +=2; //Raise 2% each time
if(counter < 100) setTimeout(function()
{raiseOpacity(obj,counter)},10);
//Repeat the incrementation again}raiseOpacity (document.getelementbyid('example'),0);
//Just an example of how the function is called.
But it is too slow, the browser hangs alot while doing this. Is there a faster way to do this fade in stuff? I've seen a lot of websites that do this and the browsers is fast, but I couldn't extract the code from them.
i've encountered a problem with the way the drag events are handled in this file, but it had an easy fix. I have a slider (a draggable div) and dragging it involves a lot of processing power. The problem arises if the mouse pointer seperates itself somehow from the element being dragged (by, say, a spike in CPU usage or something). the x_drag library file registers a mouseup listener on the object which is being dragged, but that doesn't do any good if the mouse pointer tracks so much as one pixel off the dragged element.
I've encountered this in almost every situation where i have draggable elements. Thankfully, it's a real easy problem to solve: if the mouseup events are registered on the document itself, there's nothing to worry about, because any old mouseup will end the drag.
I put a javascript for a preload in it and it hasnt helped the front page. Right now the header is swish and we took that out and it still took over 2 minutes to download on DSL. I do have the JS anthology book but the script in there didn't work for us. Come to think of it I have almost all of the sitepoint books. Does anyone have any suggestions.
View 3 Replies View RelatedI try a few grid table and they are nice BUT loading thousand rows of data are slow.
May be there is any simpler yet attractive table style format I can use just to beautify the current <table> ?
Recently submitting forms (specifically forms which have javascript attached
to them with the submit function) has become very slow. The browser appears
to sit there for seveal seconds doing nothing (the page also becomes non
responsive) and then suddely loads quickly. This happens on all of my
computers... What's happened to javascript? Is there some setting that's
been turned on that I'm missing?
I am attempting to modify the style of an element (its width) as the
window is being resized, in firefox.
Long story short, I've tried to use CSS but one particular part of the
layout just won't do what I need.
The javascript solution assigns a function to window.onresize that
sets the inline style, it works with one problem -- the handler only
gets called after the resizing stops, and so there is noticeable lag
before it redraws.
It is not the function that is taking a long time to execute, its
appears to be firefox's handling. It doesn't call it as frequently as
I expected.
Is there another javascript method to accomplish this without the
extra lag?
I have a problem with the jQuery.ajax() function combined with a keyup event (i think key events in general). I'm binding an keyup event to an input field so that on every change the current input is send via the ajax function and receives new data from the server, displaying it in a selectbox.
when I'm typing very fast it seems that the ajax function is too slow for this and shows up old result elements. After triggering the event another time, e.g. via UP,DOWN,.. it receives and displays the correct data.
I have following code to have a scroll animation effect. The cod eis triggered e.g. by a click.[code]...
The problem is, that the browser (tested in FF, Chrome, IE9) just jumps to the scroll target, no effect is viewable. I googled the code in different places, everybody else seems to have no probs with it.
Any ideas what I'm missing here?
Please the link to see what I have done so far...[URL]... It is a day planner, where various places can be dragged on to the day planner. It works, but it seems very slow. Running firebug profile when dragging a simle place into a single slot tells me that over 35,000 calls were made.
View 7 Replies View RelatedI've read a lot about how slow IE7/javascript is, but I thought I'd share this test. I have a complex page with about 15 tables of class XYZ. I timed this:
[Code]...
I have a div of 300px of height. I'm trying to make a automatic scroll when I put the mouse cursor at the div's top (y>0 && y<50) and the div's bottom (y > 250 && y<300), but the reaction is too slow I'm trying to use timer but nothing changes.
[Code]...
My gallery javascript is running very laggy in IE8. Here's an example: [URL]. It works fine in chrome, but it's slow when using IE.
View 3 Replies View RelatedI need to slow down my flyout menu on hover with some JS? Is this possible? Here is what I got! I have a pure css flyout (flyin - what ever you call it) menu, and I simply am looking for some JavaScript that will enable it to fly in a little slower. You know, with CSS, it's either there or it's not. So I'd like to animate it a little more.
Edit - actually, I think it's called a slide-in.
I want use two jquery tags menu in one page.I tested each one alone, even more than 10 pages, they all loading correctly. When I open the page, then can stay in the div position they should stay.But when I conbain them together, there will be caused that when I open the page, the pictures will drop down untill all the pictures have been loaded. Then they come back to the position where they should stay.
HTML Code:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
<script src="http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js"></script>
<script src="http://spaceforaname.com/js/jquery-galleryview-1.1/jquery.galleryview-1.1.js"></script>
[code]....
In my page, I have to load an external javascript (it's an ad serving code, using src='....') and once the external site is not accessible, it slows down my site significantly (to a level that unacceptable to visitors). Is there anything I can do to prevent this? Or anything the ad server needs to change?
View 1 Replies View Related