Preserved Topic: Join the edges (Page 1 of 1)

In the Trypwire there's an image who goes and comes, ok, i can do that, but is possible to do it going only in one direction? i mean, like a single circle image spinning..

Well, hope my english had explain enough, if not, please write back...


.-rotate script by Mr.Max

(correcting URL to avoid the 'funny' effect mentioned below.... )

[This message has been edited by DL-44 (edited 09-15-2001).]

Yeah, that's easy. Just take the viewing window width (say it's 200 pixels). Then the final 200 pixels of the image that will be moving must be the same as the first 200 pixels in that image. Say the image is going from the right to the left. When the final 200 pixels of the right side of the image enter the viewing area, you should be able to shift the entire thing over, all the way back, so its left is aligned to the left of the viewing area, and *what's seen inside the viewing area won't change*. Then you can keep moving it to the left, and as far as the viewer knows, nothing happened. If the left and right sides of the image are identical, then the transition is seamless.

There is also another way (I think)
Make your image seamless, then set it as the container (div, table, etc.) background.
There is a CSS attribute--'background-position'--which you can set and change w/ JS. If the image is seamless, when it repeats (as backgrounds do), the edges will match and the effect is complete.
I know that this works on IE 4.0 and on. Not sure about Netscape...actually, probably not...maybe NN6.
Somethin' else to think about.
mobrul

that link to Trypwire is so funny....i don't think he made the hidden portion long enough.it keeps comming out and being visable if you run the mouse along the screen.



[This message has been edited by Dark (edited 08-02-2001).]

(ditto my earlier edit...)

[This message has been edited by DL-44 (edited 09-15-2001).]

Ok. I can make a loop function, how do i set up the variable to 'background-position' attribute?

I mean,
i=0
while i<0 do
i+1
end while or whatever, i'll look later how to make a loop

background-position='i'

Is something like this possible???


.-rotate script by Mr.Max

document.getElementById('theid').style.backgroundPosition = i + 'px';

(note that JS references to style sheet attributes use capitalization rather than hyphens.)

dark thats an old effect, he used (I think) frames to center the image when he used it as his front door.



:[ Computers let you make more mistakes faster than any other invention in human history, with the possible exceptions of handguns and tequila. ]:

DL-44 went and edited the links in both Wakkos and Dark's post, so now they link to the correct page and the problem Dark mentioned won't be visible anymore.

document.getElementById('theid').style.backgroundPosition

I had way many problems trying to get this to work on Opera, and it worked strangely on most of the other older browsers, even with my cross-platform stuff included. I ended up scrapping this concept for the ozonicLabs project, and used <div>s instead, just pushed them around.

Your pal, -doc-

I have problems in anyplace...
Let me keep trying..

LOL I made some loops that make Max Beauty Crash!!!!!!!


[This message has been edited by Wakkos (edited 09-15-2001).]

If HTML Beauty crashed when you went to Internal Preview mode, then its Internet Explorer's fault, it crashed itself and HTML Beauty together...

Wakkos,

Your question interested me so I finally figured out how to create a panorama image in Bryce 3d and used it to create a demo page. It's just as simple as Slime described. You just have two divs with the same picture and then nest them into another div and make sure it's clipped. Then when one scrolls off the edge, just reposition it on the other side of the visible div. Anyway, if you're still having trouble with your page and need some ideas, feel free to check out my code. I really like that panorama feature in Bryce... thanks for inspiring me to finally use it!
http://bugimus.com/gurus/panorama/panorama.html

Ehem, well, Bugimus, i have nothig to do so, that's exactly what i wanted.
I just change some layer positions, delete some layer that i didn't want, deleted your credits, and put it to work!!!

Muchas Gracias Pana!

De nada. Muéstreme el sitio cuando se termina. Amaría ver lo que usted lo hizo... you crazy wacky green blooded hispanic Vulcan who uses my sigs in his posts!!!



[This message has been edited by Bugimus (edited 09-21-2001).]

Wow! That looks sooooo cool Bugs!

Hey Good news and bad news
First the good one:

I made what i wanted with Bugs Script, I have an image, (not a good image, but i'll work on it, it was just to test) and everything goes fine: see it here

Bad news: that doesn't work Why? I don't know, but it looks like is not reading my CSS file. or any Style tag.

I made another one without the file, and i posted here but it doesn't work.... works the script but not the index instruction..

Both of them work perfect when i look them in my PC, but not when i up load them.....

Thanks....

Edit> http://www.wakkos.f2s.com/cucapelua.html works excelent, i put all the style inside the HTML tag, no outside file......


[This message has been edited by Wakkos (edited 09-21-2001).]

Hey, that's pretty cool! Now you need to work on making it work better for different resolutions. Maybe tonight I can take another look at that part. Hmm... I just might have to steal some of this idea back from you

LOL, I was about to post and i saw my sig and hit "edit" and after writing, i was no allow to do that!!!!!

Well, www.wakkos.f2s.com (the server is a shit, and i had to reload very hard to see the changes)
i made it, of course that i still don't control the resolutions changes, the image has a still line, that's where you can see they join (my background is perfect, no join lines - or jaggie, dunno - tought by Doc in a tut around there)
The problem is calculating the variables to make it fit exactly.....
I didn't use a Panorama because i want something that fit with fire, maybe if I find Bryce i could make something near....

If you have a technique to calculate the variables, I'll thank that, I'm still trying to understand the script, playing with it.....

threep jumps in with a suggestion:
"if you're looking at fire, then mahjqa is the man to talk to - start a photoshop thread.
his old fire animation has to wrap to work properly.
i believe you start with the clouds filter - you'll find that when you render clouds, it wraps perfectly. then, i guess you work from there!

but i don't have a copy of PS on this PC, so i can't offer much more help than that.
good luck!"