javascript - Loading gif is not animating? -


on clients webpage, page uses js/css style tree-style view desired of client. on of pages many objects takes time styles load. suggested adding loading screen.

here example of issue: http://zamozuan.com/content/16-search-auto-parts-by-vehicle-chevrolet

my client purchased little animated icon fits theme of site nicely.

i have simple addition script add loading icon, , on $(document).ready, hiding load element , showing main element.

all works fine except loading gif not animating until after page has loaded.

it seems loop js intensive gif not animating.

before chops head off, did view similar questions on here, solutions not work me - majority of issues in ie , issue in chrome (not ie), , of other options work-arounds based on clicking buttons enable/disable, in case when page loads not viable.

i wondering, there work-around fix this? possible pre-load gif in animated status , somehow prevent js interfering? or there way make js loop not intensive freezes browser?

as code, exact link above, added @ end:

$('#loading').hide(); $('.mainsearch').first().css('display', 'block');

the loading element contains:

<img src="img/loading.gif" class="img-responsive"> <p class="centertext">loading, please wait...</p>

but mentioned, gif not load, freezes.

for javascript styling tree, can view here:

http://zamozuan.com/js/tree.js

any appreciated, client not want waste loading icon bought.

thanks.

no, there no work-around. it's not problem how image loaded, won't animated while script running.

javascript single threaded. long script running, there no visual updates in browser. includes gif animations, while script running animations won't move.


Comments

Post a Comment

Popular posts from this blog

java - Spring Data JPA: Why findOne(id) executing delete query internally? -

i have 1 application using @manytomany annotation link 2 different entities 1 parent entity. not sure if have implemented properly. when execute .findone() on parent entity's repository find it, @ first fetch data along executing delete queries internally delete record mapping table (a table jpa creates after adding @manytomany annotation.). following generated sql queries , code snippet: java class @entity @table(name = "inventory") public class inventory { @id long id; // many other properties @manytomany(fetch=fetchtype.lazy) private list<stream> streams; @manytomany(fetch=fetchtype.lazy) private list<subject> subjects; } there no other annotation i've put in stream , subject entity class link inventory class. when run app, create following tables: inventory stream subject inventory_stream inventory_subject (inventory_stream , inventory_subject, 2 tables created automatically, don't k...
Read more

python - Mongodb How to add addtional information when aggregating? -

i beginner , wrote line pipeline works, wanna add other information output, screen name , or number of tweets.i tried add under $group gave me syntax error everytime here pipeline: def make_pipeline(): # complete aggregation pipeline pipeline = [ { '$match': { "user.statuses_count": {"$gt":99 }, "user.time_zone": "brasilia" } }, { "$group": { "_id": "$user.id", "followers": { "$max": "$user.followers_count" } } }, { "$sort": { "followers": -1 } }, { "$limit" : 1 } ]; i using on example : { "_id" : objectid("5304e2e3cc9e684aa98bef97"), "text" : "first week of school on :p", "in_reply_to_status_id" : null, "retweet_count" : null, ...
Read more

java - Incorrect order of records in M-M relationship in hibernate -

Image
i have 4 records in bridge table in mysql database. using @manytomany in hibernate, accurate order of employees incorrect incorrect of projects. following required material figure out doing mistake. this source. @entity @table(name="project") public class projectbean { @id @generatedvalue @column(name="project_id") private int projectid; @column(name="title") private string projecttitle; @manytomany(mappedby="projects") private collection<employeebean> employees; public projectbean() { employees = new arraylist<employeebean>(); } //getters & setters } @entity @table(name="employee") public class employeebean { @id @generatedvalue @column(name="employee_id") private int employee_id; @column(name="first_name") private string ...
Read more