Witam,

Jest sobie animacja (przesuwanie) obrazków wewnątrz prostokąta z
oveflow:hidden. Sytuację obrazowo przedstawiam poniżej. Element
"animation" jest przy pomocy JS przesuwany w lewo i prawo i ma ginąć
poza obrysem rodzica.

<div id="container" style="overflow:hidden; width:500px>
<div id="animation" style="width:2000px">
<figure><div class="infobox">chmurka</div></figure>
<figure><div class="infobox">chmurka</div></figure>
<figure><div class="infobox">chmurka</div></figure>
...

Animowany element składa się z szeregu obrazków i infochmurek
przypisanych do nich. Chciałbym aby po najechaniu myszką na jeden z
obrazków pojawiła się infochmurka z opisem tego obrazka, która będzie
się przesuwała wraz z nim i ma wykraczać poza obrys "container".
Dokładnie tak ma się to dziać jak gdybym do każdego <figure> dopisał
atrybut title="". Wtedy systemowa chmurka nie będzie przycinana przez
"container". Czy jest jakiś styl:

.infobox (
olej-overflow-hidden-rodzica: yes;
}

lub inna sztuczka?

--
Pozdrawiam
Marek

do góry

W dniu 2013-05-16 10:28, Marek pisze:
> Jest sobie animacja (przesuwanie) obrazków wewnątrz prostokąta z
> oveflow:hidden. Sytuację obrazowo przedstawiam poniżej. Element
> "animation" jest przy pomocy JS przesuwany w lewo i prawo i ma ginąć
> poza obrysem rodzica.
>
> <div id="container" style="overflow:hidden; width:500px>
> <div id="animation" style="width:2000px">
> <figure><div class="infobox">chmurka</div></figure>
> <figure><div class="infobox">chmurka</div></figure>
> <figure><div class="infobox">chmurka</div></figure>
> ...
>
> Animowany element składa się z szeregu obrazków i infochmurek
> przypisanych do nich. Chciałbym aby po najechaniu myszką na jeden z
> obrazków pojawiła się infochmurka z opisem tego obrazka, która będzie
> się przesuwała wraz z nim i ma wykraczać poza obrys "container".
> Dokładnie tak ma się to dziać jak gdybym do każdego <figure> dopisał
> atrybut title="". Wtedy systemowa chmurka nie będzie przycinana przez
> "container". Czy jest jakiś styl:
>
> .infobox (
> olej-overflow-hidden-rodzica: yes;
> }
>
> lub inna sztuczka?

Niestety będziesz musiał .infobox wyjmować poza #container i tam go
pozycjonować.


--
message[autor="PablO"]::after {
content:"Pozdrawiam";
}

do góry

W dniu 2013-05-16 12:09, Paweł Piskorz pisze:
>
> Niestety będziesz musiał .infobox wyjmować poza #container i tam go
> pozycjonować.

Czyli każdą infochmurkę muszę wyciągnąć oraz niezależnie animować tak
aby podążała za przesuwającym się obiektem, którego dotyczy?


--
Pozdrawiam
Marek

do góry

W dniu 2013-05-16 14:08, Marek pisze:
> W dniu 2013-05-16 12:09, Paweł Piskorz pisze:
>>
>> Niestety będziesz musiał .infobox wyjmować poza #container i tam go
>> pozycjonować.
>
> Czyli każdą infochmurkę muszę wyciągnąć oraz niezależnie animować tak
> aby podążała za przesuwającym się obiektem, którego dotyczy?

Dokładnie tak.


--
message[autor="PablO"]::after {
content:"Pozdrawiam";
}

do góry