Forum portalu Fan-Strefa.pl Forum portalu Fan-Strefa.pl 

Autor Wątek: Problem - nawigacja + fadeslideshow  (Przeczytany 2952 razy)

Sweetkowa

  • Fanik
  • **
  • Wiadomości: 193
  • Reputacja: 5
    • Status GG
    • Zobacz profil
    • MileyRayCyrus
Problem - nawigacja + fadeslideshow
« dnia: 25 Listopad 2013, 20:24:06 »
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? :)
♥ Love does that, it changes us...

PA_BLO

  • Administrator
  • Fan Strefowicz
  • *****
  • Wiadomości: 2529
  • Reputacja: 116
    • Zobacz profil
    • Degrassi Poland
Odp: Problem - nawigacja + fadeslideshow
« Odpowiedź #1 dnia: 26 Listopad 2013, 10:59:21 »
Niestety nie widzę efektu jaki chcesz uzyskać bo masz włączoną "przerwę techniczną" na tej podstronie.
Do you want more?


Sweetkowa

  • Fanik
  • **
  • Wiadomości: 193
  • Reputacja: 5
    • Status GG
    • Zobacz profil
    • MileyRayCyrus
Odp: Problem - nawigacja + fadeslideshow
« Odpowiedź #2 dnia: 27 Listopad 2013, 22:18:30 »
Oj no tak, kompletnie zapomniałam. Teraz już powinno działać bo wyłączyłam
♥ Love does that, it changes us...

PA_BLO

  • Administrator
  • Fan Strefowicz
  • *****
  • Wiadomości: 2529
  • Reputacja: 116
    • Zobacz profil
    • Degrassi Poland
Odp: Problem - nawigacja + fadeslideshow
« Odpowiedź #3 dnia: 28 Listopad 2013, 12:35:52 »
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.
Do you want more?


Rami

  • Fanik
  • **
  • Wiadomości: 162
  • Reputacja: 9
    • Status GG
    • Zobacz profil
    • Beyonce Polska
Odp: Problem - nawigacja + fadeslideshow
« Odpowiedź #4 dnia: 30 Listopad 2013, 00:51:08 »
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

  • Fanik
  • **
  • Wiadomości: 169
  • Reputacja: 3
    • Zobacz profil
    • mój tumblr
Odp: Problem - nawigacja + fadeslideshow
« Odpowiedź #5 dnia: 04 Grudzień 2013, 14:13:49 »
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:

Cytuj
//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
« Ostatnia zmiana: 04 Grudzień 2013, 14:15:20 wysłana przez Viridiana »
you smile at the hope they call despair

kiedyś sobie byłam Kalleye :P

Forum portalu Fan-Strefa.pl

Odp: Problem - nawigacja + fadeslideshow
« Odpowiedź #5 dnia: 04 Grudzień 2013, 14:13:49 »