Jquery carousel

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Senior Front end developer Automotive Angular

Functie Als Senior Front end developer kom je te werken in een team van 11 developers. 9 van de 11 focussen zich op back end, welke is geschreven in Java, en 2 op de front end waarbij er gebruik wordt gemaakt van Typescript en Angular. De focus in deze rol ligt op 2 aspecten; doorontwikkeling van de eigen tooling en gebruik van de tooling t.b.v. klantprojecten. Momenteel zijn ze in de afrondende fase van een project waarbij ze het gehele verkoopproces van nieuwe auto’s anders ingeregeld hebben voor een grote dealer in Nederland. Waarbij Auto’s normaliter pas verkocht werden in

Bekijk vacature »

Software Programmeur PHP - JAVA

Functie Wil jij bij een platte en informele organisatie werken? Lees dan snel verder! Voor een opdrachtgever in omgeving Boskoop dat zich gespecialiseerd heeft in het realiseren van veilige netwerkverbindingen zijn wij op zoek naar een leuke software developer ter versterking van het huidige team. Hoe kan jouw dag er straks uitzien? Je gaat technische klussen uitvoeren op locatie bij klanten.Je onderhoudt contact met de projectleider om er zeker van te zijn dat een projecten goed verlopen. Je gaat klanten ondersteunen op het gebied van geleverde software en webapplicaties. Je gaat software en webapplicaties ontwikkelen met behulp van de talen

Bekijk vacature »

.NET Developer gezocht!

Functie omschrijving Wij zijn op zoek naar een .NET Developer! Wil jij werken voor een internationaal bedrijf waar je legio mogelijkheden krijgt als Software Ontwikkelaar? Grijp nu je kans en kijk snel of jouw vaardigheden aansluiten bij onderstaand profiel! Je kunt een uitdagende rol gaan vervullen als .NET Developer binnen een internationaal bedrijf dat gevestigd is in omgeving Bergen. Dit bedrijf is zeer vooruitstrevend en verricht betekenisvol werk. Binnen dit bedrijf wordt gewerkt aan de productie en ontwikkeling van medische middelen. Als .NET Developer ga jij je bezig houden met het volgende: Je wordt betrokken bij alle fasen van software

Bekijk vacature »

Oracle APEX developer

Wat je gaat doen: Als Oracle APEX ontwikkelaar bij DPA werk je samen met collega’s aan de meest interessante opdrachten. Je zult je ervaring met SQL, PL/SQL, JavaScript, HTML en CSS inzetten om wensen van opdrachtgevers te vertalen naar technische oplossingen. Je werk is heel afwisselend, omdat DPA zich niet beperkt tot een specifieke branche. Zo ben je de ene keer bezig binnen de zorgsector, de andere keer is dit bij de overheid. Wat we vragen: Klinkt goed? Voor deze functie breng je het volgende mee: Je hebt een hbo- of universitaire opleiding afgerond Je hebt 2 tot 5 jaar

Bekijk vacature »

PHP/Symfony developer

Functieomschrijving Vanuit het hoofdkantoor in omgeving Bergen op Zoom ben je als PHP/Symfony Developer niet alleen bezig met software ontwikkeling. Je bent buiten ontwikkeling ook continu bezig met het zoeken naar nieuwe trends en ontwikkelingen die van waarde kunnen zijn voor de efficiëntie van software ontwikkeling. Techstack: PHP, Symfony & mySQL. Jouw takenpakket ziet er als volgt uit: Het ontwerpen en implementeren van webapplicaties met het Symfony-framework; Het testen van ontwikkelde applicaties om te zorgen dat ze goed functioneren en voldoen aan de eisen van de klanten; Het schrijven van een schone en efficiënte code volgens het Symfony framework; Onderhouden

Bekijk vacature »

.Net ontwikkelaars voor de zorgsector

Bedrijfsomschrijving Voor onze klant in de omgeving van Zwolle zijn wij op zoek naar een ervaren .Net ontwikkelaar, bij voorkeur met ervaring binnen de belangrijkste sector van Nederland, namelijk: de zorgsector. Deze internationale organisatie ontwikkelt software voor de zorgsector. Er werken zo'n 25 medewerkers hard aan een oplossing die gebruikt wordt door heel Nederland. Er heerst een informele sfeer waarbij er altijd ruimte is voor een grapje. Je collega's zijn stuk voor stuk sterke ontwikkelaars vanuit verschillende achtergronden en met verschillende leeftijden. Je komt hier terecht in een organisatie die zich hard inzet om de zorgsector te verbeteren. De mogelijkheden

Bekijk vacature »

C# .NET Developer IoT SQL Server

Samengevat: Wij ontwikkelen innovatieve oplossingen om apparaten en bezittingen op een eenvoudige en flexibele manier te beveiligen. Ben jij een C# .NET developer? Heb jij ervaring met C# en SQL server? Vaste baan: C# .NET Developer IoT HBO €3.200 - €4.500 Deze werkgever is gespecialiseerd in hoogwaardige GSM/GPRS alarm- en telemetrietechnologie. Met een eigen productlijn en klantspecifieke ontwikkelingen biedt deze werkgever oplossingen om op afstand te meten, melden, loggen en aansturen, ook op plaatsen zonder stroomvoorziening. Onze producten worden gekarakteriseerd door flexibiliteit in de configuratie, betrouwbaarheid en een extreem laag stroomverbruik. Zij werken voor MKB klanten. Deze werkgever heeft veel

Bekijk vacature »

C# .NET Software Ontwikkelaar

Functie omschrijving C# .NET Developer gezocht. Ben jij een full stack developer die op zoek is naar een nieuwe uitdaging binnen een leuk snel groeiend bedrijf? Lees dan snel verder! Wij zijn op zoek naar een Developer met ervaring op het gebied van .NET die een organisatie in de regio Arnhem gaat versterken. Jij gaat je binnen dit bedrijf vooral bezighouden met het verbeteren van de functionaliteiten van hun dataplatform. Samen met andere ontwikkelaars denk je mee in oplossingsrichtingen, architectuur en nieuwe technologieën. Als C# .NET Developer binnen dit bedrijf houd je je niet alleen bezig met het verbeteren van

Bekijk vacature »

.NET developer

Functie As a .NET developer you work together in a multidisciplinary development team with 1-2 Senior .NET developers, two front-end developers, Data Scientists and one UX designer. As a team you work on developing a Cloud based application and making this application more stable. Unit testing will also become very important in your new position. Together with the Senior .NET developer you will be responsible for developing the API. You work with a lot of data and occasionally there will also be data issues and some queries will have to be run. This means that you will work a lot

Bekijk vacature »

Front end ontwikkelaar

Functie Het huidige team bestaat uit momenteel uit 5 back end developers verdeeld van senior tot junior. Omdat de gehele front end van applicaties anders gaan insteken zijn ze op zoek naar een ervaren Front end developer die hen kan helpen de juiste keuzes te maken. Je krijgt veel vrijheid om te bepalen hoe je dit wilt ontwikkelen en vrijheid in welke techniek je hiervoor wilt gebruiken. Je zult je dus bezighouden met architectuur, documentatie en natuurlijk ontwikkeling van nieuwe functionaliteiten binnen de verschillende applicaties. natuurlijk heb jij ook mogelijkheden om te sparren binnen het team, maar ze gaan uit

Bekijk vacature »

Social Media Specialist

Social Media Specialist locatie: Rotterdam (Zuid Holland) Wij zoeken op korte termijn een nieuwe collega, een social media specialist/ adviseur sociale media (24 uur), voor ons sprankelende team Communicatie van CJG Rijnmond. Onze focus ligt op het informeren en binden van onze in- en externe klanten en stakeholders en het versterken van onze naamsbekendheid en zichtbaarheid. Dat doen we in nauwe samenwerking met elkaar. Over de functie Ons team bestaat uit 7 communicatieprofessionals met ieder een eigen expertise. Als lid van het online team ben je verantwoordelijk voor het ontwikkelen, uitvoeren en analyseren van onze socialemediastrategie. Ook stel je campagnes

Bekijk vacature »

Digital Agency is looking for PHP developers!

Functie The team currently has 20 colleagues, consisting of developers (front and backend) and the operations team, which also includes management and two scrum masters. They are looking for a PHP developer who is able to work independently. You will work in one of the three scrum teams and start working on a project for the customer. The interesting thing about this is that you do have variety in terms of work, but at the same time continuously work for existing customers. This also gives you the opportunity to really go into depth and develop innovative technical solutions. In terms

Bekijk vacature »

PHP developer (Laravel/Vue.js)

Functie Het team telt momenteel 20 collega’s, bestaande uit developers (front- en backend) en het operations team, waaronder ook het management en twee scrum masters vallen. Ze zijn op zoek naar een PHP developer die in staat is zelfstandig te werken. Je komt te werken in één van de drie scrumteams en gaat aan de slag met een project voor de klant. Het fijne hieraan is dat je wel afwisseling hebt qua werk, maar tegelijkertijd doorlopend werkt voor bestaande klanten. Hierdoor krijg je ook de kans om echt de diepte in te gaan en innovatieve technische oplossingen neer te zetten.

Bekijk vacature »

Oracle APEX developer

Wat je gaat doen: Als Oracle APEX ontwikkelaar bij DPA werk je samen met collega’s aan de meest interessante opdrachten. Je zult je ervaring met SQL, PL/SQL, JavaScript, HTML en CSS inzetten om wensen van opdrachtgevers te vertalen naar technische oplossingen. Je werk is heel afwisselend, omdat DPA zich niet beperkt tot een specifieke branche. Zo ben je de ene keer bezig binnen de zorgsector, de andere keer is dit bij de overheid. Wat we vragen: Klinkt goed? Voor deze functie breng je het volgende mee: Je hebt een hbo- of universitaire opleiding afgerond Je hebt 2 tot 5 jaar

Bekijk vacature »

Software Developer (Junior functie)

Functieomschrijving Wij zijn op zoek naar een Software Developer! Sta jij in de startblokken om je carrière te beginnen en kan je niet wachten om toffe software te gaan ontwikkelen? Kortom, ben je onlangs afgestudeerd of sta je op het punt om je papiertje te behalen? Voor een IT dienstverlener dat gespecialiseerd is in Microsoft technologie zijn wij op zoek naar C#.NET Developers. Het bedrijf heeft meerdere klanten in regio Utrecht waar je permanent kan komen te werken. Kom je liever te werken bij een klein softwarebedrijf of bij een groot consultancy bureau? Dat is helemaal aan jou de keuze!

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

19/05/2024 16:21:16
 
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.