Magiska lådor med bilder, automatiska bildskjutare eller bildspel – det finns så många namn för samma innehåll. Filer som innehåller den här funktionen delas vanligtvis på internet med informativa och underhållande detaljer och du kan enkelt hitta en på nästan alla webbplatser. Om du är en webbutvecklare kan du snart behöva utveckla ditt eget bildspel så det är bra att lära dig tips och tricks nu. Här är två fantastiska verktyg för att skapa bildspel i HTML och bädda in på dina webbplatser:
- Hur gör man bildspel i HTML med CSSSlider?
- Hur gör man bildspel i HTML med WOWSlider?
Hur gör man ett bildspel i HTML med CSSSlider?
Steg 1:Använd alternativet Lägg till bilder från navigationsfältet:
Det finns två enkla alternativ för att lägga till bilder till ditt bildspel, du kan antingen använda knappen Lägg till bilder som finns på navigeringsfältet i ditt verktyg överst på skärmen eller det andra alternativet är att helt enkelt dra och släppa dina önskade bilder på tidslinjen. Båda dessa alternativ tar bilder direkt till din tidslinje från datorns minne.
Steg 2:Bildtexter och inställningar:
När bildimportprocessen är klar kan du hitta din samling i CSSSlider-fönstret. Mittfönstret kan visa dig förhandsgranskning av ditt bildspel. Det är dags att lägga till titel eller bildtext för dina foton. Tryck på det rubrikfält som är tillgängligt under varje foto och ange dina uppgifter, använd den andra luckan för längre beskrivningar. Lägg till sist till webbadressen till din önskade webbsida som du vill länka ditt innehåll till.
Det finns ett brett utbud av inställningar på CSSSlider-verktyget:
Skins: Bildspelets utseende kan justeras med denna skalfunktion. Den kan göra ändringar över färgscheman för att göra dina bilder mer tilltalande.
Effekter: Lägg till önskade övergångseffekter till varje bild.
Steg 3:Spara HTML:
När din redigeringsuppgift är klar kan du använda det övre navigeringsfältet för att exportera ditt nyligen skapade projekt och slutligen kan det sparas var som helst på datorn.
Hur gör man ett bildspel i HTML med WOWSlider?
Steg 1:Skapa skjutreglage:
När du har laddat ner ditt verktyg från internet och har slutfört den grundläggande installationsprocessen, starta den sedan. Detta mjukvaruverktyg ger enkel dra och släpp-funktion för att lägga till bilder i redigeringsfönstret. Användare kan också föredra att använda alternativet "Lägg till bilder och videor" för att få sin önskade samling från datorn. Du kommer att bli glad att veta att WOWSlider tillåter användare att få bilder och videor från sociala medieplattformar som YouTube, Vimeo, Photobucket, Flickr, Picasa och många fler. Du kan justera alla nödvändiga inställningar för att utveckla ett anpassat bildspel, välja mall, förbättra bildkvaliteten med hjälp av reglaget, använda unika övergångseffekter och justera bildfördröjningar.
Steg 2:Exportera din skjutreglage:
När du har slutfört redigeringsprocessen i steg ett är det mycket lättare att exportera din slutliga fil. Gå helt enkelt till fliken Publicera och välj sedan alternativet publicera till mapp. Du kan också välja alternativet publicera till FTP-server efter behov. Välj din målmapp för att spara din bildmapp och html-filer.
Steg 3:Lägg till skjutreglaget på webbsidan:
Kopiera helt enkelt motor 1- och data 1-mapparna från WOWSlider-mappen till mappen som innehåller HTML-filer. Ange din huvudsektionskod som innehåller dedikerade länkar till dina jquery- och css-filer. Öppna nu HTML-redigeringsprogram för din webbsida och klistra in huvudsektionskoden på angiven plats. Du kan kontrollera alla ändringar på din webbsida direkt.