JQuery CarouFredsel Gemaakt door Yannick. Inhoudstafel O CarouFredsel O Wat is CarouFredsel ? O Downloaden O Script O HTML O CSS O Javascript O Voorbeelden.

Slides:



Advertisements
Verwante presentaties
Bouw zelf een digitaal visitekaartje
Advertisements

SharePoint denk in blokken Ton Stegeman.
Les 2 Vandaag •Vragen over voorgaande stof •Plaatjes •Tabellen •Links •Huiswerk.
Pieter Heyvaert.  Asteroiden ontwijken  Per ontweken asteroide +10 punten  Wanneer geraakt = Game Over.
29/03/2013. jQuery is  een JavaScript-bibliotheek die je kan integreren in je HTML-pagina.  Om animaties te maken, die SEO-vriendelijk(er) zijn  Door.
 Jeroen -> Casetalk  Erikjan -> Website/HTML  David -> Database.
Websites maken Waarom? Voor Wie? Hoe?
Joomla Modules en componenten DEEL II Standaard componenten.
Doelpubliek • Bedrijven • Verenigingen • Iedereen die reclame voor zijn bedrijf of product wenst te maken Fictieve tekst op de indexpagina.
Presentatie kennisoverleg HTML 5. Waarom HTML 5? • Veel van onze informatie is opgeslagen in HTML… • 95% van de HTML is syntactisch incorrect…
Jeroen Bolle. 1. Inleiding 2. Geschiedens 3. Technology Stack 4. Multi-site 5. Modules 6. Theming 7. LNE theme 8. Extra functionaliteit.
ASP.NET AJAX Extensions Richard Soeteman
Behind Interactive Media. Agenda 1.Mobiel internet 2.Mobiele content 3.Apps 4.Opleveren.
Webmaster syntra.
CSS & HTML Les 2 Navigatie. De tag voor het maken van verwijzingen naar pagina’s of delen van een webpagina. Contact Het element wordt gebruikt om de.
F. Rubben NI Lookout 1 06/RIS/05 - NI Lookout VTI Brugge F. Rubben, ing.
HTML elements en CSS Commando's Lenonardo Lyceum centrum voor deeltijds onderwijs Hoboken Schooljaar
WEBSITES ONTWIKKELINGEN Trends en standaarden op het gebied van webdesign HTML, DHTML, XHTML, FLASH, CSS Henk Zegwaard december 2003.
Webmaster Training: CSS CSS2 & XHTML By Frederik Van Outryve.
Webpublicatie 1 HTML 4. Cascading Style Sheets ILSO - Webpublicatie2 4.1 Cascading Style Sheets HTML-code MET blitse titels CASCADING STYLE.
het bouwen van een website
Client side representation
Aan de slag met weblogs Pierre Gorissen 14 juni 2005.
XForms TU Delft Library Digitale Productontwikkeling Egbert Gramsbergen.
Les 11: SVG.
Webtechnologie 1 labo Dieter Roobrouck Kristel Balcaen Claudia Eeckhout Koen De Weggheleire Frederik Duchi An Deraedt 1 Les 3: Cascading Style Sheets.
Webtechnologie 1 labo Dieter Roobrouck Kristel Balcaen Claudia Eeckhout Koen De Weggheleire Frederik Duchi An Deraedt 1 Les 5: Tabellen.
1 december KC Development Tools Hands-on Oracle HTML DB v2.0.
Webmaster syntra.
De evolutie van JavaScript
Webmaster ToolsWebmaster Tools Google Webmaster Tools Gedetailleerde rapporten over uw pagina's in Google. Weet wat google van u vind! Ontdek.
Web 1.0 HTMLAfbeeldingen FlashHyperlinks CSS Participation AJAX Usability Design Ruby on Rails.
MVC in de praktijk Jeroen Swart.NET architect, Quintor
Deze les * recap css selectors * pseudoclasses * styling links: live tutorial * references, recources, categorisation * live tutorial o add css to template.html.
Let op!
HTML De basis-elementen.
Webapplicaties: de clientkant Herman Koppelman Sylvia Stuurman 13 november 2010.
De basis-elementen Deel 2
Css basics. terminologie Block level element Inline element Css – eigenschap : display : Voorbeeld : display eigenschap en genummerde lijst.
Behind Interactive Media. Agenda 1.Huiswerk doornemen 2.Server side & Client side 3.Quiz 4.Huiswerk.
1 Les 08: Formulieren. 2 Agenda van vandaag Front-end development  Toets Hoofdstuk 8  Bespreken huiswerk  Presentatie over lesstof  formulieren 
1 Les 07: Tabellen. 2 Agenda van vandaag Front-end development  Toets Hoofdstuk 6  Bespreken huiswerk  Presentatie over lesstof  tabellen  positionering.
PRESENTATIE BACHELORPROEF Android App voor havenbedrijven om schadegevallen te registreren in een Digitaal Informatie Systeem. Molenbergnatie – Antwerpen,
Client side vs Server side Server side code Code wordt op de webserver uitgevoerd Bewerkt de html die naar de gebruiker gestuurd wordt voordat die verzonden.
DIV Architecture Seminarie Webdesign. CSS-bestand oproepen Voeg tussen en de volgende lijn code toe om een CSS-file te laten werken: Zorg ervoor dat je.
CSS Cascading Style Sheets. CSS code HTML – Welke elementen op een pagina – Stuk code zegt iets over één element CSS – Hoe zien de elementen er precies.
Hyperlinks met CSS opmaken Koen Van Cauwenberge. In de CSS-code Hier is een voorbeeld van een CSS-codering voor een hyperlink: a:link { color: #8B0000;
HTML & CSS Samen gebruiken. Verschil HTML – Structuur CSS – Styling Twee verschillende dingen – Loskoppelen!
wordPress  Het meest flexibele CMS CMS= Content Management System.
7 Databases Gebruikersdag Enigma / Informatica Actief 2016 – Valk Welding Alblasserdam.
1Informatica in de Tweede Fase Frans Peeters 7 maart 2007 Deze presentatie is downloadable van
HTML Hypertext Markup Language. HTML code Elementen van een webpagina Eigenschappen van elementen Structuur van elementen.
Workshop website bouwen Les 1. Wie zijn dat nou? Kirstin en Vincent Ouders van Nick.
Javascript.
Gameprogrammeren: Objecten en geheugen
Sjabloonsite Koen Van Cauwenberge.
Javascript.
Omdat we op onze eigen account programmeren
Libraries, Platform Games
Direct Realisatie Les 3 HTML en CSS in s Direct Realisatie Les 3.
Inhoud: Terugkomdag Wie heeft wat gemaakt? Tips?
Usability voor het web en mobiele apparaten
OGH APEX dag 2012 Toeters en bellen met APEX
CSS: cascading stylesheets
ASP.NET MVC Views.
[Description – 160 Characters] [Location]  [Website]
JavaScript animatie beweging 1 mei 2016.
Powershell & HTML.
CSS: cascading stylesheets
HTML5 introductie.
Transcript van de presentatie:

JQuery CarouFredsel Gemaakt door Yannick

Inhoudstafel O CarouFredsel O Wat is CarouFredsel ? O Downloaden O Script O HTML O CSS O Javascript O Voorbeelden

CarouFredsel: Wat is dat? O Plugin O Jquery O Elementen -> carousel O Interactie O Scrollen -> elke richting O Slideshow

CarouFredsel: Download O

Script: HTML prev next

Script: CSS.NaamContainer { padding: 15px ; position: relative; }.NaamKader img { border: 1px solid #ccc; background-color: #ccc; padding: 10px; margin: 7px; } a.prev, a.next { background-image: URL() ; width: 45px; height: 50px; position: absolute; top: 85px; } a.prev, { left: -22px; background-position: 0px; } a.prev:hover { background-position: 0-50px; } a.prev.disabled { background-position: 0-100px; } Hetzelfde met de a.next a.prev.disabled, a.next.disabled { cursor: default; } a.prev span, a.next span { display: none; }

Script: Javascript $(“#NaamKader”).carouFredSel({ items: 1, auto: false, prev: { button: “#Naam_prev”, key: “left” } next: { button: “#Naam_next”, key: “right” }

Voorbeelden O rousel.html rousel.html O rousel.html rousel.html O rousel.html rousel.html