Jquery carousel

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Laravel / PHP developer

Functie omschrijving Wij zijn op zoek naar een Medior PHP / Laravel Developer voor een IT-consultancy in de omgeving van Hoofddorp! Ben jij op zoek naar een leuke nieuwe uitdaging binnen een veelzijdige werkomgeving? Lees dan snel verder! Binnen dit bedrijf werk je in een ontwikkelteam, waarin je zeer betrokken bent en meedenkt over softwareoplossingen. Binnen dit Team hou je je bezig met het aanpassen, verbeteren en vernieuwen van de logistieke oplossingen. Je zult je bezig houden met de volgende werkzaamheden: Je gaat aan de hand van de wensen van klanten software ontwikkelen; Je bent bij het gehele proces betrokken;

Bekijk vacature »

Fullstack JavaScript Developer Webapplicaties

Bedrijfsomschrijving Voor deze organisatie ben ik op zoek naar een getalenteerde Fullstack JavaScript Developer. Ze is een snelgroeiend software development agency dat zich richt op het ontwikkelen van moderne webapplicaties en complexe systemen voor haar klanten. Ze is gevestigd onder de rook van Utrecht en heeft als doel om tot de top van de Nederlandse agencies te behoren. Deze organisatie maakt softwareoplossingen voor verschillende soorten bedrijven. Innovatie staat hoog in het vaandel en je zult dus met nieuwe technieken aan de slag gaan. Ze hebben klanten in vele branches zitten, zoals retail, finance, gezondheid en onderwijs. De diverse klanten zorgen

Bekijk vacature »

Fullstack developer

Functieomschrijving Heb jij kort geleden jouw HBO ICT diploma in ontvangst mogen nemen? Of ben je toe aan een andere uitdaging? Voor een erkende werkgever in de omgeving van Breda zijn wij op zoek naar een Fullstack developer. Kennis of ervaring met C# & SQL is een must! Je houdt je bezig met het ontwikkelen van nieuwe functionaliteiten; Je bent verantwoordelijk voor de beheer en ontwikkeling van de software; Je draagt bij aan de implementatie van aanpassingen, verbeteringen en aanvullingen in de C# based applicaties; Je test de software en ontwikkelt deze door; Je brengt de aanpassingssuggesties van klanten in

Bekijk vacature »

.NET developer

Functie Als .NET ontwikkelaar ga jij aan de slag bij een van onze klanten actief in de High Tech Industrie. Onze klanten zijn voornamelijk gelokaliseerd in de omgeving van Eindhoven. Wij zijn erg selectief als het gaat om de projecten die wij accepteren en richten ons dan ook alleen op innovatieve en complexe projecten. Omdat onze klanten voornamelijk gespecialiseerd zijn in de machinebouw, werk jij ook vaak dicht tegen de machines aan. Ons team bestaat momenteel uit Embedded engineers, IOT developers en Cloud engineers. Wij werken voornamelijk aan Microsoft projecten waar er gebruik wordt gemaakt van WPF, UWP, .NET Core

Bekijk vacature »

Medior Java developer (fullstack)

Wat je gaat doen: Of beter nog, wat wil jij doen? Binnen DPA GEOS zijn we dan ook op zoek naar enthousiaste Java developers om ons development team te versterken. Als Java developer werk je in Agile/Scrum teams bij onze klanten en daarbij kun je eventueel ook andere ontwikkelaars begeleiden in het softwareontwikkelproces. Verder draag je positief bij aan de teamgeest binnen een projectteam en je kijkt verder dan je eigen rol. Je gaat software maken voor verschillende opdrachtgevers in jouw regio. Je bent een professional die het IT-vak serieus neemt en kwaliteit levert. Je leert snel vanwege je diepgaande

Bekijk vacature »

Java/Kotlin Developer

Java/Kotlin Developer Ben jij een ervaren Java/Kotlin developer met een passie voor het automatiseren van bedrijfsprocessen? Wil je graag deelnemen aan uitdagende projecten bij aansprekende klanten? En ben je op zoek naar een professioneel, ambitieus en dynamisch bedrijf om je carrière verder te ontwikkelen? Kom dan ons team bij Ritense in Amsterdam versterken! Zo ziet de functie eruit: Als Java/Kotlin developer bij Ritense ben je verantwoordelijk voor de ontwikkeling en implementatie van applicaties die bedrijfsprocessen automatiseren, zodat onze klanten slimmer, efficiënter en klantgerichter kunnen werken. Als developer ben je in de lead en zorg je voor de correcte oplevering van

Bekijk vacature »

Software Programmeur PHP - JAVA

Functie Voor een opdrachtgever in omgeving Zoetermeer zijn wij op zoek naar een ontwikkelaar ter versterking van het huidige developers team. Heb jij altijd al willen werken voor een bedrijf, dat veilige netwerkverbindingen levert, door middel van veilige oplossingen, die door middel van de nieuwste technologieën ontwikkelt zijn? Stop dan nu met zoeken! Hoe kan jouw dag er straks uitzien? Je gaat software en webapplicaties ontwikkelen met behulp van de talen C / C++ / PHP. Je gaat technische klussen uitvoeren op locatie bij klanten. Je onderhoudt contact met de projectleider om er zeker van te zijn dat een projecten

Bekijk vacature »

Senior Front end developer Angular

Functie Er zijn momenteel 5 SCRUM-teams waarvan drie gefocust zijn op DevOps en de huidige projecten en twee op innovatie van de platformen. Jij zal onderdeel worden van het innovatie Scrum team. De 2 multidisciplinaire innovatie teams bestaan momenteel uit 14 werknemers. Jij als senior Front end developer wordt onderdeel van onze innovatieteams. De innovatieteams houden zich bezig met het door ontwikkelen van de huidige producten en denken na over nieuwe functionaliteiten. Binnen de rol van Front end developer krijg je veel vrijheid en kan je je dag zelf indelen. Dingen waar jij je dagelijks mee bezig zult houden is

Bekijk vacature »

Medior Java developer (fullstack)

Wat je gaat doen: Of beter nog, wat wil jij doen? Binnen DPA GEOS zijn we dan ook op zoek naar enthousiaste Java developers om ons development team te versterken. Als Java developer werk je in Agile/Scrum teams bij onze klanten en daarbij kun je eventueel ook andere ontwikkelaars begeleiden in het softwareontwikkelproces. Verder draag je positief bij aan de teamgeest binnen een projectteam en je kijkt verder dan je eigen rol. Je gaat software maken voor verschillende opdrachtgevers in jouw regio. Je bent een professional die het IT-vak serieus neemt en kwaliteit levert. Je leert snel vanwege je diepgaande

Bekijk vacature »

Senior .NET Developer I goed salaris en deels thui

Bedrijfsomschrijving Mijn opdrachtgever is al ruim 20 jaar een gevestigde naam in de wereld van software ontwikkeling, met drie kantoren in de Randstad, waaronder Alphen aan den Rijn. Zij richten zich op het bouwen van IT-oplossingen die ervoor zorgen dat de productiviteit van klanten te allen tijden optimaal is. Hiervoor neemt jouw nieuwe werkgever het volledige ontwikkelproces tot haar rekening; van het eerste gesprek om de klantwensen in kaart te brengen, tot aan het uiteindelijke onderhoud van de opgeleverde oplossing. In totaal werken er inmiddels bijna 200 gemotiveerde IT-ers binnen deze organisatie. De gemiddelde leeftijd ligt rond de 35. Het

Bekijk vacature »

Junior .NET developer

Functie Wij hebben drie scrumteams. Het eerste team focust zich op het stukje hardware wat wij in huis doen. Zij maken als team o.a. gebruik van C++. De andere twee scrumteams zijn allebei bezig met data verwerking en maken hierbij in de backend gebruik van C# .NET / .NET Core. Het verschil tussen deze teams is dat één team de data verwerking doet voor de mobiele applicatie. Zij werken hierbij dus ook met Xamarin. Het andere team focust zich op de webapplicaties en maakt hierbij ook gebruik van ASP.NET MVC. Op basis van jouw ambities en kwaliteiten kijken wij samen

Bekijk vacature »

Senior Product Developer

Functieomschrijving Als senior Product Developer ben je verantwoordelijk voor bestaande mobiliteitsproducten en de ontwikkeling van nieuwe mobiliteitsconcepten. Met behulp van diverse klantonderzoeken, klantsessies en salesmeetings zorg je ervoor dat je de veranderende mobiliteitsbehoeften in de markt kent. Hier speel je op in door innovatieve, flexibele, efficiënte en duurzame vervoersoplossingen te bedenken, te ontwikkelen, te implementeren en uiteindelijk samen met Sales en Marketing collega’s in de markt te zetten. Je initieert en neemt deel aan (internationale en afdeling overschrijdende) projecten, vaak in de rol van projectleider. In die rol bewaak je de voortgang, coördineer je de activiteiten en zorg je voor

Bekijk vacature »

Senior PHP developer met ambities tot Software Arc

Functie Momenteel zijn ze op zoek naar een ervaren PHP developer die zichzelf graag bezighoudt met zaken als architectuur en de algehele verbetering van structuren en standaarden. Het is eigenlijk meer operationeel als uitvoerend omdat je bezig gaat met zaken als het verder uitrollen en verbeteren van testautomatisering, codereviews, tickets en de doorloop hiervan en architectuurkeuzes. Mocht je hiernaast ook wat DevOps kennis meenemen is dit mooi meegenomen! Vanwege het kleine team maar de wereldwijde impact die zij leveren is er veel focus op kwaliteit. In deze functie werk je aan één van hun belangrijkste applicaties. Hierin werk je nauw

Bekijk vacature »

Front-end developer gezocht

Functie Je komt in een team met ambitieuze developers die de passie voor Front-End met jou delen. Samen ga je aan de slag met leuke en leerzame opdrachten. Het team heeft een eigen budget en financiën en zij bepalen zelf hoe dat besteed en investeert wordt. Je gebruikt tools als JavaScript, Node.js, React, Angular, Typescript en Vue.js wanneer je werkt aan de opdrachten. Daarnaast zul je veel leren van je collega’s en gezamenlijk een leuke tijd doorbrengen tijdens activiteiten zoals wintersport, hackatons en conferentiebezoeken. Je krijgt niet alleen de mogelijkheid Front-End te ontwikkelen, maar ook vooral jezelf. Dit kan behaald

Bekijk vacature »

Developer Full Stack

Functie omschrijving Full Stack Developer gezocht! Wij zijn op zoek naar een Full Stack Developer voor een bedrijf in de regio Nijkerk. Je maakt in deze functie onderdeel uit van een groeiend team met een goede ambitie waarbij eenheid, betrokken en overtreffen de belangrijkste kernwaardes zijn. Het bedrijf werkt volgens de AGILE/SCRUM methode, wat je o.a. terug vindt in de tweewekelijkse sprints, retrospectives en een daily standup. Je takenpakket bestaat uit: Bijdragen aan het door ontwikkelen, onderhouden en optimaliseren van een Saas applicatie; Bijdragen aan de innovatie van het bedrijf en hun klanten; Het ontwikkelen op de laatste technologie van

Bekijk vacature »
Maarten PHP

Maarten PHP

03/12/2010 17:05:49
Quote Anchor link
Beste,

Deze carousel doet het niet en ik weet niet waarom kunnen jullie me helpen

Bedankt

mijn code:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>Carousels 1</title>
    <script src="http://code.jquery.com/jquery-1.4.4.min.js"></script>
    <link href="styles.css" rev="stylesheet" rel="stylesheet">
</head>
<body>
<ul id="carousel">
    <li><img src="images/image1.PNG" alt="image 1" border="0"></li>
    <li><img src="images/image2.PNG" alt="image 2" border="0"></li>
    <li><img src="images/image3.PNG" alt="image 3" border="0"></li>
    <li><img src="images/image4.PNG" alt="image 4" border="0"></li>
    <li><img src="images/image5.PNG" alt="image 5" border="0"></li>
</ul>
<script type="text/javascript">
$(document).ready(function() {
    $('#carousel ul').each(function() {
        var t = setInterval(function() {
            $('#carousel ul').animate({marginLeft:-100}, 1000, function() {
                $(this).find('li:last').after($(this).find('li:first'));
                $(this).css({marginLeft:0});
            });
        }, 5000);
    });
});
</script>
</body>
</html>
Gewijzigd op 03/12/2010 17:06:43 door Maarten PHP
 
PHP hulp

PHP hulp

26/05/2026 12:22:27
 
Vincent Huisman

Vincent Huisman

03/12/2010 18:35:03
Quote Anchor link
wat is de error in de errorconsole? aan "het werkt niet" hebben wij natuurlijk ook niets
 
Maarten PHP

Maarten PHP

04/12/2010 07:29:21
Quote Anchor link
Onverwacht teken in attribuutselector '!' maar ik gebruik geen ! en regel staat er niet bij
 
Lauren Zonneveld

Lauren Zonneveld

04/12/2010 09:03:26
Quote Anchor link
Je selector klopt niet, maak er ul#carousel van.

Je kunt overigens ook je HTML wijzigen zodat #carousel wel een child element ul heeft:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
<div id="carousel">
    <ul>
        <li><img src="images/image1.PNG" alt="image 1" border="0"></li>
        <li><img src="images/image2.PNG" alt="image 2" border="0"></li>
        <li><img src="images/image3.PNG" alt="image 3" border="0"></li>
        <li><img src="images/image4.PNG" alt="image 4" border="0"></li>
        <li><img src="images/image5.PNG" alt="image 5" border="0"></li>
    </ul>
</div>
Gewijzigd op 04/12/2010 09:09:33 door Lauren Zonneveld
 
Niek s

niek s

04/12/2010 14:11:23
Quote Anchor link
of gewoon alleen #carousel
 
Maarten PHP

Maarten PHP

04/12/2010 21:38:09
Quote Anchor link
Niek s op 04/12/2010 14:11:23:
of gewoon alleen #carousel

Goh daar heb ik veel aan
 
The Force

The Force

05/12/2010 01:14:21
Quote Anchor link
Gnotrgnotr gnotrgnotr op 04/12/2010 21:38:09:
Niek s op 04/12/2010 14:11:23:
of gewoon alleen #carousel

Goh daar heb ik veel aan


Ja, want dat is beter dan een extra div om de ul heen zetten puur om de selector werkend te krijgen. Workaround dus. '#carousel' zou ik ook gebruiken.
 
Maarten PHP

Maarten PHP

05/12/2010 12:27:39
Quote Anchor link
The Force op 05/12/2010 01:14:21:
Gnotrgnotr gnotrgnotr op 04/12/2010 21:38:09:
Niek s op 04/12/2010 14:11:23:
of gewoon alleen #carousel

Goh daar heb ik veel aan


Ja, want dat is beter dan een extra div om de ul heen zetten puur om de selector werkend te krijgen. Workaround dus. '#carousel' zou ik ook gebruiken.

Sorry
 
Kees Hennen

Kees Hennen

21/01/2011 16:28:02
Quote Anchor link
1. Ik gebruik dezelfde code, maar de eerste afbeelding staat telkens te ver naar beneden.
Dit gebeurt alleen de eerste maal. Daarna corrigeert het script dit keurig.

2. Is het mogelijk om, i.c.m. een 'style switcher' de waarden voor marginTop e.d. in percentages op te geven?

Ik ben zelf een absolute beginner met jQuery, vandaar deze vraag.
 
Kris Peeters

Kris Peeters

21/01/2011 16:43:30
Quote Anchor link
@PHPer PHPer: Is het daarmee opgelost ?

@Kees Hennen: Kan je iets tonen (code/voorbeeld)?
Waarschijnlijk is dit enkel een css probleem.
 
Maarten PHP

Maarten PHP

21/01/2011 19:54:44
Quote Anchor link
ik had een carrousel maar die was verkeerd gemaakt en nu wil ik weer een carrousel dus nog niet opgelost
 
Kees Hennen

Kees Hennen

22/01/2011 11:03:07
Quote Anchor link
Het CSS part dat ik gebruik voor de lijst:

#carousel{
overflow:hidden;
width:100%;
height:100px;
margin:auto;
padding:auto;
background-color:#CCC;
margin-bottom:2em;
}

Het HTML deel:
<div id="carousel">
<ul>
<li><img src="_images/sponsors/abrahams.png" width="90%" /></li>
<li><img src="_images/sponsors/abrahams2.png" width="90%" /></li>
</ul>

<script type="text/javascript">
$(document).ready(function() {
$('#carousel ul').each(function()
// Stel de interval op 10 seconden
var t = setInterval(function() {
$('#carousel ul').animate({marginTop:-100}, 1000, function() {
//Deze code werkt als de anitatie klaar is.
$(this).find('li:last').after($(this).find('li:first'));
// Reset de marge nadat het laatste item achteraangezet is.
$(this).css({marginTop:0});
});
}, 5000);
});
});
</script>
</div>
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.