Problem - nawigacja + fadeslideshow

[Sweetkowa]

Witam. Otóż chciałam zapytać czy jest możliwość zakodowania nawigacji z nagłówka (używam do tego strony image-maps więc samo mi generuje) jeśli używam równocześnie skryptu java fadeslideshow.

Tutaj podgląd jak to ma wyglądać: http://onedirection.pl/bdayproject/ (slajd z całego nagłówka, a na nim nawigacja)

Po prostu chciałabym aby można było klikać na nawigację a jak na razie ten skrypt koliduje mi z tym, więc zwyczajnie się nie da. Czy jest jakiś sposób na to? Jakieś zmiany w kodzie js czy coś tego typu?

[PA_BLO]

Niestety nie widzę efektu jaki chcesz uzyskać bo masz włączoną "przerwę techniczną" na tej podstronie.

[Sweetkowa]

Oj no tak, kompletnie zapomniałam. Teraz już powinno działać bo wyłączyłam

[PA_BLO]

Moim zdaniem sprawa wygląda tak, że div w którym masz slajdy ma szerokość ustawioną na 100% i przez to, że w nim dajesz osobno każde zdjęcie to rozwala Ci stronę na całą szerokość każdego ze zdjęć. Z tego co wiem to skrypt fadeslideshow nie gwarantuje slajdów na całą szerokość strony aby zachować estetyczny wygląd okna wyszukiwarki. Aby strona nie była tak rozwalona ja osobiście zrobiłbym tak: Zrobiłbym div header i w jego szerokość ustawiłbym na 100% a w tło wpuściłbym to fioletowe tło bez postaci z ustawionym background-position: center;. Następnie wewnątrz diva zrobiłbym slajdy o szerokości postaci tak aby każdy ze slajdów był wykadrowany do tego samego wymiaru. Dla diva ze slajdem nadałbym z-index:1 i do tego position: relative. Zaś w tym divie jeszcze zrobiłbym samą bezbarwną mapę z nawigacją i wtedy tej mapie nadałbym z-index:2 i position: absolute. Wtedy nawigacja powinna być klikalna bo będzie nad slajdami. Takie jest moje zdanie.

[Rami]

Zgadzam się z PA_BLO, przez to, że slideshow ma 100% to rozjeżdża się cały nagłówek i z nawigacją też bym tak zrobił, bo w inny sposób nie uzyskasz z możliwością klikania i fadeslideshow. Możesz jeszcze pobawić się w css z background-size: cover;

[Viridiana]

whoa ktoś jeszcze koduje divami z position niesamowite

ogólnie żeby to zadziałało jak powinno powinnaś zmienić calusieńki kod
ja bym to zrobiła tak (w sumie nei wiem czy to styknie nie mam czasu na sprawdzanei tego, a mapami to ja 100 lat nic nie robiłam)
zbudowała kod w jakim divie z maginesami ustawionymi na auto przez co się całoś wycentruje, z nagłówkiem o rozmiarze powiedzmy 1000px, boki dorobiłabym tłem bo i tak z tego co widzę tło w każdym slajdzie jest identyko a postaci tam nie ma więc nie powinno być nieestetyczne.
nagłówek dała też w jakiś div, i w środku niego dałabym kolejnego diva który byłby zaalokowany z mapą (jeśli się tak w ogóle da zrobić, a jak nie to ustawić ileś tam pustych obrazków i zrobić z nich linki wyjdzie na to samo)

na oko kod będzie wygladać tak:

//css

#content {
margin: 0 px auto;
padding 0px;
width: wedle uznania;
}

#header {
width: wedle uznania;
height: to samo;
}

#linki {position:absolute;
 z-index: 99;
margin-top:MINUS tyle co w height dałaś; a może plus ciężko stwierdzić bez kompilatora
}

#wrap
{
w sumie nei wiem czy tutaj coś ważnego powinno się znaleźć
}

//html
<div id="content">
<div id="header">
<div id="fadeshow1"></div>//czy czym to się wywołuje tego slideshow
<div id="linki">
generalnie tutaj powinny być linki obrazki w/e to się pobaw
</div>
</div>
<div id="wrap">
tutaj będą ramki i posty
jednak żadnego statycznego position
tylko 'dynamicznie'
</div>

no tak na oko