Jquery carousel

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Typescript Developer / Cloud platform

Dit ga je doen (Door)Ontwikkelen van het cloud platform; (Door)Ontwikkelen van microservices; Bouwen van nieuwe functionaliteiten; Verbeteringen aandragen voor het cloud platform; Sparren met de business. Hier ga je werken Onze opdrachtgever, gevestigd in regio Eindhoven, levert een compleet dienstenpakket op het gebied van IT. Zij pakken verschillende (complexe) vraagstukken van grote organisaties op. De sfeer intern is gezellig en informeel. Men houdt van hard werken maar gezelligheid door middel van een borrel of gezamenlijke lunch komt er veel voor. Als Typescript ontwikkelaar word je onderdeel van het team gericht op de (door)ontwikkeling van hun eigen cloud platform welke wordt

Bekijk vacature »

.Net Ontwikkelaar

Dit ga je doen Het ontwerpen en ontwikkelen van software voor klanten; Het bijdragen van kennis en ervaring; Het integreren van van de software en afstemmen met klanten; Het functioneel testen van de ontwikkelde software. Hier ga je werken Voor onze relatie zijn wij momenteel op zoek naar een .Net Developer die wilt werken aan software die draait op machines wereldwijd. De organisatie produceert software voor applicaties die gebruikt worden in verschillende branches. De software wordt geleverd aan fabrikanten van verschillende robotica en machines. Als .Net ontwikkelaar ben je intern onderdeel van het team wat de applicatie omgevingen ontwikkeld en

Bekijk vacature »

Software Developer Mendix / Maatschappelijk Betrok

Dit ga je doen Het bouwen van de Mendix applicaties in samenwerking met jouw team of zelfstandig; Werken met Scrum methodiek; Ontwikkelen van vooruitstrevende oplossingen; Meedenken over nieuwe applicaties en ontwikkelingen; On the job eigen maken van de Mendix omgeving. Hier ga je werken Deze dynamische en snelgroeiende organisatie begeeft zich in de recyclingbranche. Zij nemen op duurzame en efficiënte manier de recycling op zich. Vanwege hun snelle groei zijn zij op zoek naar een young professional die zich graag wilt ontwikkelen als Mendix Developer. Je komt te werken binnen een IT team van +/- 15 medewerkers. Het huidige ‘vaste’

Bekijk vacature »

Microsoft Acess Developer

Functieomschrijving Wat ga je doen? Heb jij ongeveer 3 jaar ervaring als Software Developer, en komen de volgende kennisgebieden jou niet vreemd voor: MS Acces, C# & SQL? Vind jij het daarnaast leuk om maatwerk software te ontwikkelen voor klanten in een bijzondere branche? Lees dan snel verder! Als developer ben jij samen met een gemotiveerd team van 10 collega’s verantwoordelijk voor het creëren van aangemeten software voor klanten. Je bent klantvriendelijk en oplossingsgericht ingesteld, omdat het essentieel is om de klanten zo goed mogelijk te helpen met hun uitdagingen. Het is mogelijk om vanuit huis je werkzaamheden uit te

Bekijk vacature »

SQL Database ontwikkelaar

Functie omschrijving Wil jij meewerken aan het creëren van slimme software om magazijnen als een geoliede machine te laten lopen? Wij zoeken een zorgvuldig persoon, iemand die niet snel de hand omdraait voor complexe algoritmes. Denk jij dat jij de SQL ontwikkelaar bent die wij zoeken? Lees snel verder en wie weet zitten we binnenkort samen aan tafel! Jouw werkzaamheden zullen er als volgt uitzien: Je houdt je bezig met het ontwerpen en ontwikkelen van MS SQL server databases, dit doe je met T-SQL als programmeer laag. Je gaat aan high-end software oplossingen werken, dit doe je voor de optimalisatie

Bekijk vacature »

Junior .NET developer

Functie Ons programma is voor afgestudeerde enthousiastelingen die het als een uitdaging zien om met een klein dynamisch team bij de grootste bedrijven van Nederland aan de slag te gaan. Tijdens jouw dienstverband word jij begeleid door een talent manager. Het ontwikkelen van jouw talent staat hierbij centraal. Het programma doorloop je met een team van circa 8 Mede- trainees. De eerste maand start je met een fulltime inhouse opleiding. Deze staat geheel in het teken van de werkzaamheden die jij verder in het programma zult uitvoeren. Na deze opleidingsmaand ga je aan de slag in een dynamische omgeving bij

Bekijk vacature »

PHP Developer

Functie omschrijving Voor een bedrijf in Den Bosch zoek ik een PHP Developer, die al wat werkervaring heeft. Jij gaat aan de slag met de verdere professionalisering van de interne applicaties en software. In de functie ga je verder: Verdere ontwikkeling eigen CRM systeem, vooral middels PHP; Bouwen van verschillende API's & koppelingen; Meedenken om de software/applicaties te verbeteren/optimaliseren; Aan de slag met de interne tooling. Bedrijfsprofiel Dit bedrijf is actief binnen de telecombranche. Het hoofdkantoor zit in regio van Den Bosch en er werken ruim 70 medewerkers, verdeeld over verschillende afdelingen. De afdeling Development bestaat uit vijf collega's, onder

Bekijk vacature »

Medior Java developer

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 »

Ervaren Magento developer gezocht!

Functie Je komt te werken in een zelfsturend team waarin vertrouwen voorop staat en inbreng en ideeën worden gewaardeerd. Ook staat innovatie centraal. Ze bieden jou de mogelijkheid om jezelf door te ontwikkelen. Denk hierbij aan cursussen en een persoonlijk ontwikkelplan. Je komt terecht in het team van momenteel 4 (ervaren) collega’s en zal meewerken aan de doorontwikkeling en nieuwbouw van de Magento platformen van meerdere opdrachtgevers volgens Agile/Scrum. Denk hierbij aan nieuwe functionaliteiten, UX en koppelingen met verschillende back-end systemen. Als ervaren developer zul je hiernaast ook andere developers assisteren en waar nodig de leiding nemen in het project.

Bekijk vacature »

C#.NET Developer Jr. Functie

Functie omschrijving Bouw jij graag aan applicaties om processen in distributiecentra te optimaliseren? Wij zijn op zoek naar een C#.NET ontwikkelaar in regio Breda die hier graag een steentje aan bijdraagt! Jouw werkzaamheden zullen er als volgt uitzien: Je krijgt veel vrijheid in de keuze van de technieken die je gaat gebruiken. Uiteraard wel binnen de gestelde kaders, en door gebruik te maken van het .NET platform. Je gaat aan de slag met de ontwikkeling van een nieuwe module binnen de WMS suite van dit bedrijf. Deze "carrier" module gaat er voor zorgen dat de selectie van een vervoerder volledig

Bekijk vacature »

Software Developer

Longship.io gaat de wereld veroveren met baanbrekende software en legendarische... pizza-avonden! Lees hier de vacature van IT Operations Manager! Bij Longship werken we met een team van 5 mensen aan software voor laadpaal operators. Longship is ontstaan in 2020 met als doel om de elektrische mobiliteitstransitie aan te jagen. We zijn nu al een wereldwijde speler doordat we continu voorop lopen in innovatie. Ons platform helpt het versneld elektrificeren van wagenparken, internationaal! Wij zijn een startup met grote ambities die we willen bereiken met een relatief klein en efficiënt team. Je krijg de kans om ontzettend veel te leren van

Bekijk vacature »

C# ontwikkelaar

Functie omschrijving Werk jij graag met C# en het .NET framework in een leuk familiebedrijf? Lees dan snel verder! Jouw takenpakket hierbij is: Je gaat maatwerk software ontwikkelen en softwareoplossingen creëren. Je gaat werken in een Microsoft omgeving (ASP.NET) en gebruikt daarnaast C# en MVC. Samen met het huidige IT team binnen deze organisatie verwerk je de wensen van de klant tot een (eind)product. Daarnaast optimaliseer je de bestaande software. Bedrijfsprofiel Deze organisatie is gevestigd in de omgeving van Best en is een echt familiebedrijf. Je komt te werken in een klein team van developers, die zich voornamelijk bezighouden met

Bekijk vacature »

Low-Code Expert/Developer: Power Platform Speciali

Bedrijfsomschrijving Als Low-Code Expert/Developer bij ons innovatieve bedrijf, neem je een cruciale rol op je in de creatie, ondersteuning en implementatie van diverse oplossingen met behulp van het veelzijdige Power Platform. Dit platform omvat Power Apps, Power BI, Power Automate, Power Virtual Agent en Azure Logic Apps. Het Power Platform biedt je de mogelijkheid om klanten te voorzien van naadloze integraties door op maat gemaakte oplossingen te creëren die compatibel zijn met (bijna) alle bestaande software-infrastructuren. Dankzij het uitgebreide scala aan toepassingen, krijg je de kans om als architect en projectleider van je eigen oplossing te fungeren. Dompel jezelf onder

Bekijk vacature »

Medior Front-end Developer

Sogeti is een organisatie met een goede werksfeer en zo min mogelijk hiërarchische verhoudingen. Ga je bij ons als Medior Front-end Developer aan de slag? Dan werk je dagelijks met collega’s aan de mooiste IT-projecten. Deze snelgroeiende groep collega’s krijgt energie van hun vak en dat merk je op de werkvloer. Onze klantenkring is groot en divers, dat vraagt om flexibiliteit van jou. Tegelijkertijd betekent dit dagelijks nieuwe dingen leren én dat geen werkdag hetzelfde is. Natuurlijk krijg jij de mogelijkheid je te certificeren. We organiseren regelmatig technische Meet-ups en doen we veel aan kennisdeling waarbij iedereen welkom is, zowel

Bekijk vacature »

Ventilatiesysteem Productontwikkelaar HBO WO Verwa

Samengevat: Zij bieden flexibele ventilatiematerialen, geluidsdempers, rookgasafvoer producten en industrieslangen. Ben jij een technisch productontwikkelaar? Heb jij ervaring met het ontwikkelen van nieuwe producten? Vaste baan: Technisch Productontwikkelaar HBO WO €3.000 - €4.000 Zij bieden een variëteit aan flexibele ventilatiematerialen, geluiddempers, rookgasafvoer producten, industrieslangen en ventilatieslangen voor de scheepsbouw. Met slimme en innovatieve materialen zorgen wij voor een gezonde en frisse leefomgeving. Deze werkgever is een organisatie die volop in ontwikkeling is met hardwerkende collega's. Dit geeft goede ontwikkelingsmogelijkheden. De branche van dit bedrijf is Techniek en Engineering. Functie: Voor de vacature als Technisch Productontwikkelaar Ede Gld HBO WO ga

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

23/12/2024 17:48:24
 
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.