Sync foreground object based on a timer with webpage row background on a timer 
Автор: Craig G.
Просмотрено 390,
Подписчики 1,
Размещенный 0
I am using a webpage row format that changes based on a timer, and a foreground object that changes on a timer as well. No matter what i used for timers the foreground and background fall out of sync. Is there a way to do this?
Maybe setup something like semaphores and critical paths in Html?
Размещено
(It > En) ... if you post your LINK maybe we could make an evaluation...
.
ciao
.
Автор
The background has a transition of 7 (A).
The transition for the Content Slider Object is 7 (B).
1) Is the background image that should swap every 7 seconds.
2) Is the Content Slider Object that swaps every 7 seconds.
3) Shape Separator with background as transparent.
4) Animated Shape Separator with background as transparent.
Something similar to this can be done with a Content Slider Object, but doing it this way (using 3 and 4) makes this look better.
I have tried changing the numbers in "A" and "B" but "1" and "2" go out of sync.
... background line > 4+3 (=7)
... content slider > 7
... I didn't notice any mismatches, on my PC it seems synchronized...
.
Автор
Mine falls out of sync after one cycle. Maybe image size and their load time throws the sync off.
... you could use background images for the slides of the same content-slider...
... and in the style section use slide-fade and contents-move...
... it would look very good...
.
Автор
I just can not get it to sync. The background image goes out of sync with the foreground.
... sorry, ... I add to my previous Post, ... without using the slide of the background of the row, but only the content-slider...
... it could be interesting...
ciao
.
.
Автор
Thanks, I'm aware of that but the reason I want to use the background is the following:
I want to get the above effect.
1) A Shape Separator with the background transparent.
2) An Animated Shape Separator with the background transparent.
This can't be done with the content slider. You can only get a straight edge.
Автор
I'm not sure what I want to do, I think that the background timer and the content slider run on different threads, and different computers may run those threads at slightly different speeds. This causes the two getting out of sync.
Without the separators, the Content Slider object works perfectly when expanded and the margins are set to 0.
Incomedia could add a CSS overlay function (z-index) for the separators to achieve overlap with the previous and/or subsequent objects.
Автор
Even with the margins set to zero, it just does not give that really interesting look that I showed earlier.
My test page
>> https://findelinks.de/123shop-hosteurope/seite-145.html
Автор
1) The page background image is rendered under the Shape Separator, the Content Slider and the Animated Shape Separator. If you use a transparent background on the separator objects, you can see through to the page's background image. The drop shadow is also applied to the page's background image. Using the background that is part of the Content Slider, you can't do this.
2) The Animated Shape Separator, you can see the page background through the transparent and semi-transparent animations of the separator. Using the background that is part of the Content Slider, you can't do this.