Dator > JavaScript galleri tutorial

  • JavaScript galleri tutorial


  • Javascript är ett objektorienterat programmeringsspråk som är idealisk för att lägga funktionalitet till webbsidor . Om du vill sätta ett fotogalleri på din webbplats är då ett Javascript galleri ett sätt att uppnå ditt mål . Med JavaScript kan du skapa ett fotogalleri med zooma in och ut , och bilder miniatyr . Samtidigt skapa en Javascript fotogalleri från scratch är en avancerad teknik , att släppa en befintlig mall till din hemsida kommer att ge dig samma resultat med mindre arbete

    Du behöver : .
    ImageFlow galleri script ( se referenser för nedladdning ) .


    1 .
    Placera imageflow. js och imageflow. css i en web tillgänglig katalog . Till exempel kan du placera dem direkt i dokumentet rot , eller en " innefattar " undermappen
    2
    Kopiera klistra in följande kodrad i huvudet av HTML-dokumentet : . .

    3 .
    Ändra attributet href att peka på där du har placerat " imageflow. css "filen i första steget . Om du placerade den i roten direkt , behöver du inte ändra något .
    4
    Kopiera och klistra in följande rader med kod i botten av sidan du vill inkludera ett galleri på , precis innan den avslutande body-taggen .


    5 .
    Ändra " src " attribut från andra raden till punkt där du placerade imageflow. js filen i första steget . Om du placerade den i roten direkt , behöver du inte ändra något . .
    6
    Kopiera och klistra in följande kod i kroppen på HTML-dokumentet :

    Caption
     Caption

    7 .
    Lägg till alla de bilder du vill inne i galleriet div från steget ovan . Om du vill att användaren ska vidtas för att en alternativ adress när de klickar på bilden (som en länk ) , fyll sedan i " longdesc " -attributet med en URL , behöver annars bildtaggen inte detta attribut . Bredd och höjd är skyldiga att göra galleriet fungerar i Internet Explorer .
    8 .
    Kopiera och klistra in följande kod i din HTML-dokument nedan koden från steg 4 , men före den avslutande organ tag :

    9
    Öppna din html-sida i en webbläsare till . se ditt galleri .

    tips och varningar


  • Du kan ändra id i galleriet div så länge du kom ihåg att ändra i koden från steg 9 . Värdena måste matcha eller galleriet kommer inte att fungera!

Previous:nothing Next:JavaScript ajax tutorial





Relaterade artiklar


  • hur man installerar drivrutinen hårdvara
  • hur man skapar en XSD från en befintlig XML-
  • tutorial för inställning combobox.length i JavaScript
  • hur du matar in siffror i Visual Basic 2005
  • Hur konvertera ett datum i kalendern i Java
  • Hur konvertera RTF till oformaterad text i Visual Basic
  • prolog vs lisp
  • hur man lär sig Visual Basic 6
  • hur man använder Visual Basic kodning
  • hur du aktiverar funktionen print screen med hjälp av JavaScript