23/24.4 Primenjene informacione tehnologije 4

Iz priručnika za maturu pokušati uraditi zadatak B04 - Slajder za slike

... Materijali koji su vam potrebni mogu se preuzeti iz spakovane arhive sa resursima za grupu  zadataka: 4ЕИТ.zip

• Slike postaviti u poseban folder koji je unutar foldera sa vašim zadatkom (iako nema slika, postaviti folder za slike radi bodova)
  
• Folder sa vašim zadatkom treba da je na web serveru (D:> XAMPP > htdocs) - da bi bilo "objavljeno na lokalnom web serveru"
  
• Trebate imati 3 fajla i navigaciju između njih (na vrhu svakog od fajlova)
  
• Tekst na stranicama pisati ĆIRILICOM
• Možete koristiti Bootstrap, ali i ne morate (to je CSS biblioteka)
  
• Možete koristiti jQuery ili običan JavaScript za funkcionalnosti
• CSS i JS treba da su u posebnim fajlovima !

....

Linkovi gde imate urađene slične zadatke - bilo šta od toga MOŽE DA SE UPOTREBI NA MATURI :

•  w3schools - Carousel sa starom varijantom Bootstrap-a ....
  
• ili: [JavaScript] - Creating a Carousel with HTML, CSS, & JavaScript
• ili Carousel sa kružićima - uz Bootstrap3
  • samo što ovde treba slustiti kružiće "ispod"
    

      .carousel-indicators {
          bottom:-50px;
      }

    
    
•  ... Obratite pažnju da u našem zadatku imate i sliku i tekst !

********* Postavljeno naknadno : Nakon časa koji je održan u školi

Iz gradiva drugog razreda izdvajamo kako se rade dve stvari koje vam trebaju za ovaj zadatak

DODATAK 1: Kreiranje efekta FadeIn - znači, ne koristi se jQuery već se efekat KREIRA. I nastavku je jedan način kako da se to uradi u CSS fajlu koji ionako koristite:

#slike img {
    width:100%;
    height: 100%;
    animation-name: FadeIn;
    animation-duration: 1s;
}
@keyframes FadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

DODATAK 2: Kako postaviti senke na slova: