You can pass an array of html id’s to the tween.add function but they will all share the same animation properties. To animate more than one tween at a time with different properties, just sequentially add them. By default they will run in parallel (to chain them, you must define the next step in the onfinish function).
Sorry, I’m trying to replycate this astonishing script, but it doesn’t seem to work.
Images are not loaded, and it looks like there are some hidden ones in, for instance, #screen .bkgh #screen .bkgc and #screen .bkgv. What are they?
Could you please explain what am I missing?
Sorry to bother you again Mr. Ge1doot. I have noticed that you read my post and marked it as “to do”.
I believe the community will thank you a lot if you take some of your time to upload a tutorial of this script. Or maybe make a download link that contains ALL the original files and images. Thank you in advance. Criss
I think I’m missing the images that you used to build the script, as specified in the css:
b1. b2. fond_carre_titre. fond_horizontal. ajax-loader-3. etc.
They are specific layout images and I believe they must be loaded otherwise the layout won’t accept the ones created by GabrielUribe, right?
Thank you for your time Ge1.
The new tweens.js works fine now, but I still have problems with the images. It’s really strange because none of them is loaded.
You say that it should also work without those images but It looks like it’s missing the “ajax-loader” and therefore it cannot run the full script. I have to ask you to make a link to a zip file containing all those images, and then I’m sure everything will work.
I hope I’m not distrubing you too much but I guess everybody else is having the same problem in testing your incredible script.
therefore the relative “../images/” path to access them from the html file.
For the time being, just download each image, for example http://www.dhteumeuleu.com/ima...ader-3.gif then upload them to you site, and change all paths in your code (CSS, HTML and JS) accordingly to your folders structure (probably different from mine).
Thank you very much indeed, for the time you dedicated in solving the problems!
It really was a corrupted tweens.js and the images missing… now I got everything working.
I’m sure I speak on behalf of the whole community by saying that you have delivered to the world one of the most fantastic scripts ever… talents like yours deserve the best, and I wish you the best.
Amazingly…unbelievable man…..
The most complex things are just like nothing for you…..
You truly rocks….
Thanks for the great work you are doing….
I am gonna use some of your stuffs to amaze my friends…
The credit is all yours….
Love you for the superb works…
Thanks a lot man..
Une nouvelle mise en page plutôt plaisante, décidément, Gérard, ton site réservera toujours de belles surprises !!
Amicalement,
Doc
All your scripts are just wonderful, smart and tasty.. I just wanted comment on that in case you didn’t know
Cheers
Faaaaantaaastttiiiiiccccccc!!!!!!!! Woooowww!!!!!
How to execute more tween on more than one objects, with diff properties in same tween add
You can pass an array of html id’s to the tween.add function but they will all share the same animation properties. To animate more than one tween at a time with different properties, just sequentially add them. By default they will run in parallel (to chain them, you must define the next step in the onfinish function).
Some doc here: http://www.dhteumeuleu.com/fur...caveats/3/
Sorry, I’m trying to replycate this astonishing script, but it doesn’t seem to work.
Images are not loaded, and it looks like there are some hidden ones in, for instance, #screen .bkgh #screen .bkgc and #screen .bkgv. What are they?
Could you please explain what am I missing?
Sorry to bother you again Mr. Ge1doot. I have noticed that you read my post and marked it as “to do”.
I believe the community will thank you a lot if you take some of your time to upload a tutorial of this script. Or maybe make a download link that contains ALL the original files and images. Thank you in advance. Criss
Could you please provide a link to your page? I will try to see what you are missing.
Thank you for your patience to look into this, Ge1doot.
You can view the test here: http://www.quadrupede.arsenalemusica.eu/
I think I’m missing the images that you used to build the script, as specified in the css:
b1. b2. fond_carre_titre. fond_horizontal. ajax-loader-3. etc.
They are specific layout images and I believe they must be loaded otherwise the layout won’t accept the ones created by GabrielUribe, right?
It looks like your version of tweens.js is being corrupted.
var tweens = { t weens: [], nbTweens: 0,Please make sure to download and use this version: http://www.dhteumeuleu.com/dht.../tweens.js
And yes, you are missing a couple of images… http://www.dhteumeuleu.com/images/b1.jpg etc… but the script should work okay without them, I think.
Hope this helps
Thank you for your time Ge1.
The new tweens.js works fine now, but I still have problems with the images. It’s really strange because none of them is loaded.
You say that it should also work without those images but It looks like it’s missing the “ajax-loader” and therefore it cannot run the full script. I have to ask you to make a link to a zip file containing all those images, and then I’m sure everything will work.
I hope I’m not distrubing you too much but I guess everybody else is having the same problem in testing your incredible script.
Criss
No, I’m afraid I won’t do zip packages but I may provide a way to more easily download my images (when time permits).
My folder structure is as follow:
therefore the relative “../images/” path to access them from the html file.
For the time being, just download each image, for example http://www.dhteumeuleu.com/ima...ader-3.gif then upload them to you site, and change all paths in your code (CSS, HTML and JS) accordingly to your folders structure (probably different from mine).
good luck
Thank you very much indeed, for the time you dedicated in solving the problems!
It really was a corrupted tweens.js and the images missing… now I got everything working.
I’m sure I speak on behalf of the whole community by saying that you have delivered to the world one of the most fantastic scripts ever… talents like yours deserve the best, and I wish you the best.
Criss
Amazingly…unbelievable man…..
The most complex things are just like nothing for you…..
You truly rocks….
Thanks for the great work you are doing….
I am gonna use some of your stuffs to amaze my friends…
The credit is all yours….
Love you for the superb works…
Thanks a lot man..
I’m trying to link the text instead of the arrow. What should I change or add in the code?
This is a good suggestion, thanks.
In the HTML code, move the onclick position from:
<div class="title"><img class="bul" src="../images/bul.png" alt="" onclick="res.goto(2);"><h1>Low dispersion</h1></div>
to:
<div class="title" onclick="res.goto(2);"><img class="bul" src="../images/bul.png" alt=""><h1>Low dispersion</h1></div>
And add “cursor:pointer;” in the “title” CSS class.
Hope this helps,
Gerard