De homepage voor veel websites bevat vandaag een reeks afbeeldingen die draaien of glijden in en uit de pagina. Deze functionaliteit wordt geïmplementeerd door de totstandbrenging van een interne
label met meerdere afbeeldingen en het gebruik van de methode van de "setInterval" JavaScript om te draaien de
op een getimede planning is zo dat slechts één afbeelding tegelijkertijd weergegeven. De JavaScript-rotatie gaat vaak gepaard met animatie-effecten die schuivend of met afbeeldingen of tekst in en uit de
. De bibliotheek jQuery biedt een makkelijke manier om afbeeldingen te selecteren en uit te voeren een geanimeerde rotatie.
Maak een nieuw HTML-document met Kladblok of een HTML-editor. HTML-headers in uw document invoegt:
Draaien van de Div Creëren CSS styling voor de
moet worden gedraaid. Instellen van de kleur van de achtergrond, positie, breedte en hoogte van de. Uitschakelen van de weergave van afbeeldingen in deen schakelen de weergave van de afbeelding met de naam van de klasse "actieve":De bibliotheek jQuery in uw document invoegt door met inbegrip van het uit een openbare bron, zoals de Google APIs:
Invoegen de
in de hoofdtekst van het document en toewijzen klasse de "actieve" naar de eerste afbeelding:http://l.yimg.com/g/images/Soup-Discover.jpg"width ="979"height ="349"alt ="Image1"class ="active">
http://l.yimg.com/g/images/soup_hero_124.jpg.v1 "width ="979"height ="349"alt ="Image2">
http://l.yimg.com/g/images/soup_hero_jessica.jpg.v1 "width ="979"height ="349"alt ="Image3">
http://l.yimg.com/g/images/soup_hero_alejokirchuk.jpg.v1 "width ="979"height ="349"alt ="Image4">
Sla het document. Openen in een browser en Bekijk de beelden in de
fading in- en uitzoomen om de vijf seconden op het scherm draaien.
Labels:
Tech, Computerprogrammering
Gerelateerde Artikelen
Over het draaien van een afbeelding met Javascript
Roteren van een afbeelding op een webpagina met Javascript is relatief eenvoudig. U moet bekend zijn met HTML, zodat u wat u zoekt weet op wanneer u de code van de webpagina als u wilt roteren van de afbeelding hebt bewerkt, maar als u een web-pagina
Over het draaien van een laag rond een verticale as in Photoshop
Adobe Photoshop kunt u het maken van composities in lagen, waardoor het gemakkelijk aanpassen en bewerken van elk element van een document afzonderlijk. Een van de manieren om het bewerken van een Photoshop-laag is om te draaien, en kunt u het punt w
Over het draaien van een scherm met ATI
U kunt beeldscherm oriëntatie met AMD (voorheen ATI) Radeon grafische kaarten via Vensters 7 standaard software draaien. Echter als u Vensters 7 niet gebruikt of als u meer dan drie monitoren gebruikt, kunt u de richting van elk beeldscherm aanpassen
Over het draaien van een WMV-bestand
Soms wanneer u iets van uw digitale camcorder opneemt, kan u de camera 90 graden spiegelen om een betere verticale weergave. Toch, wanneer u dit doet, de video komt uit zijwaarts. Dit kan vooral vervelend als je van plan over het exporteren van die v
Over het draaien van een MP4 Video 90 graden
MPEG-4 is een video-indeling die heeft een revolutie teweeggebracht in de digitale distributie van video. Haar klein formaat en hoge kwaliteit zelfs het populair gemaakt in consumentenelektronica zoals Blu-ray en flash-geheugen, en stilstaand en vide
Over het draaien van een Viewport in AutoCAD
Draaien van een viewport in AutoCAD kunt dat u verschillende weergaven van het model zien zonder te hoeven draaien van het model. De juiste opdracht is MVSETUP, die de weergave in de papierruimte modus veranderen zal. Het kan worden gebruikt op meerd
Over het draaien van een MP4 in QuickTime
MP4 video's (MPEG-4s) zijn een van de standaardvideo-indelingen ondersteund door QuickTime Player en QuickTime Pro. Elke video die in QuickTime kan spelen kan worden gespiegeld of gedraaid 90 graden tot 180 graden gewoon van de film door eigenschappe
Over het draaien van een QuickTime-film-Clip
Meer mensen schieten video's met hun mobiele telefoons dan draagbare video-camcorders. Maar wat is niet in aanmerking wordt genomen is dat de video filmclips verticaal wordt geschoten, en ze zien er zo vreemd wanneer gespeeld omdat ze niet in de norm
Over het draaien van een cirkeldiagram in Excel
Wanneer u een cirkeldiagram in Excel 2013 maakt, verschijnt de bovenste categorie in uw gegevens in de 12 uur positie boven aan de grafiek. Elke daaropvolgende categorie volgt met de klok mee om. Als u wilt roteren van de grafiek, beginnend bij een p
Over het draaien van een Canvas in Photoshop
Adobe Photoshop is een grafisch ontwerp en beeldbewerkingsprogramma gebruikt door ontwerpers en fotografen te manipuleren en plaatsen van afbeeldingen verwerken of kunstwerken zelf samenstellen. Met de vele hulpprogramma's en instellingen is Photosho
Over het draaien van een scherm op een telefoon
Screen rotation op een mobiele telefoon kunt u de rechterkant van het scherm zien op ongeacht welk standpunt hebt u het apparaat. Sommige telefoons moeten u een code voor het draaien van het scherm, terwijl anderen een Automatische schermrotatie-func
Over het draaien van een Video over Windows Movie Maker
Als uw Windows Movie Maker-video ondersteboven is of als u gewoon wilt draaien voor speciale effecten, Windows Movie Maker gebruiken voor het uitvoeren van de rotatie. Movie Maker is een gratis programma voor videobewerking dat bij Windows wordt gele
Over het draaien van een Video in Windows Mediaplayer
Windows Media Player is een gratis digitale media applicatie ontwikkeld door Microsoft. Het gebruikers Windows audio- en videobestanden afspelen en digitale afbeeldingen kunt bekijken. Hoewel het programma veel nuttige afspeelfuncties biedt, het ontb
Over het draaien van een tekening zonder het roteren van de tekst in AutoCAD
AutoCAD is een programma van de computer-aided opstellen door Autodesk waarmee de ontwerper te stellen snel en efficiënt. Vaak tijden tekst of aantekeningen worden toegevoegd aan de AutoCAD-tekeningen die de Schepper wil houden in de oorspronkelijke