WebSite X5Help Center

 
Craig G.
Craig G.
User

Sync foreground object based on a timer with webpage row background on a timer  en

Автор: 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?

Размещено
14 Ответы
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца IT

(It > En)  ... if you post your LINK maybe we could make an evaluation...
.

ciao

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Craig G.
Craig G.
User
Автор

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.

Читать больше
Размещено От Craig G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца IT

... background line > 4+3 (=7)
... content slider > 7
... I didn't notice any mismatches, on my PC it seems synchronized...

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Craig G.
Craig G.
User
Автор

Mine falls out of sync after one cycle. Maybe image size and their load time throws the sync off.  

Читать больше
Размещено От Craig G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца IT

... 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...

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Craig G.
Craig G.
User
Автор

I just can not get it to sync. The background image goes out of sync with the foreground.

Читать больше
Размещено От Craig G.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца IT

... 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

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Лучший пользователь месяца IT

..

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪
Craig G.
Craig G.
User
Автор

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.

Читать больше
Размещено От Craig G.
Craig G.
Craig G.
User
Автор

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.

Читать больше
Размещено От Craig G.
Daniel W.
Daniel W.
User
Лучший пользователь месяца DEЛучший пользователь месяца EN

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.

Читать больше
Размещено От Daniel W.
Craig G.
Craig G.
User
Автор

Even with the margins set to zero, it just does not give that really interesting look that I showed earlier.

Читать больше
Размещено От Craig G.
Craig G.
Craig G.
User
Автор

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.

Читать больше
Размещено От Craig G.