jQuery plaatje wisselen

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Ervaren PHP developer gezocht!

Functie Het team bestaat inmiddels uit zo’n 25 collega’s met specialisten op het gebied van development, data(analyse), marketing, infrastructuur en finance. Ze hebben een supermodern pand en bieden hiernaast veel vrijheid en verantwoordelijkheid. Ze doen er alles aan om jou op te gemak te stellen. Zo kun je je eigen werkplek inrichten naar persoonlijke wensen, maar gaan ze bijvoorbeeld ook jaarlijks met elkaar wintersporten en zijn er andere leuke uitjes. Als onderdeel van één van de scrumteams ga je aan de slag, samen ben je medeverantwoordelijk voor het doorontwikkelen van hun business applicatie waar het traffic team dagelijks mee werkt.

Bekijk vacature »

Gezocht: Ervaren VB6 developer met C# ambitie!

Bedrijfsomschrijving Dit bedrijf is een vooraanstaande softwareleverancier die gespecialiseerd is in het ontwikkelen van software pakketten voor autoschade herstel bedrijven. De software wordt gebruikt door meer dan de helft van alle autoschade herstel bedrijven in Nederland. Het team van professionals is op zoek naar getalenteerde collega developers die hun vaardigheden willen inzetten om het bedrijf te laten groeien. Functieomschrijving Voor dit bedrijf zoek ik een ervaren VB6 / VB.NET developer met interesse om op termijn verder te gaan in C#. In deze functie ben je verantwoordelijk voor het onderhouden van de bestaande softwarepakketten. Een deel van de code is nog

Bekijk vacature »

Mendix Consultant / Developer

Dit ga je doen Het in kaart brengen en analyseren van de functionele wensen van de klant rondom Mendix applicaties; Het fungeren als sparringpartner voor de (interne) klanten; Het opstellen van requirements en het vertalen hiervan naar technische mogelijkheden; Het opstellen van user stories; Het bouwen van de Mendix applicaties in samenwerking met jouw team of zelfstandig; Het testen van op te leveren software en het zorg dragen voor de implementatie; Trainen van gebruikers in het gebruik van de applicatie; Werken in een Agile omgeving. Hier ga je werken De organisatie begeeft zich in de retail branche en focust zich

Bekijk vacature »

Informeel bureau zoekt Senior PHP developer

Functie Als senior PHP developer neem je het voortouw in ontwikkeltrajecten en ben je in staat werk uit te leggen aan collega’s om zo je kennis met hen te delen. Je deinst niet terug voor ingewikkelde projecten. Deze zie jij alleen maar als uit uitdaging. Je werkt doorlopend aan klantcases (en hierdoor je klant echt leert kennen), maar toch ben je afwisselend bezig. Dit alles in een vrije en ontspannen werksfeer, met een team van gelijkgestemde. Binnen de development teams werken ze met o.a. PHP, Laravel, React, Node, Elastic, Amazon AWS, JIRA, Solid, Domain-driven-design, Doctrine, Redis, docker, Kubernetes, CI, PHP

Bekijk vacature »

Senior Front-end Developer

Sogeti is een organisatie met een goede werksfeer en zo min mogelijk hiërarchische verhoudingen. Ga je bij ons als Senior 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 »

Full Stack Java ontwikkelaar

Functieomschrijving Voor de politie zijn wij op zoek naar een Full stack Java ontwikkelaar. Als ervaren full stack Java ontwikkelaar binnen de gewenste deadlines meewerken aan de totstandkoming van de gewenste werkzaamheden. Taken Upgraden van GeoServer, SOLR, Oracle Spatial database, Tomcat Migreren Oracle Spatial naar PostgreSQL/PostGIS Migreren SOLR naar ElasticSearch Geografische gegevens op het interne netwerk beschikbaar maken Doorontwikkelen en actualiseren van de geografische services Het up to date brengen van de CI/CD pipeline, samen met medewerkers die verantwoordelijk zijn voor de CI/CD tooling Aanspreekbaar op de solution architectuur en stemt die met collega's in het cluster Geo De opdracht

Bekijk vacature »

.NET Developer te Naarden

Bedrijfsomschrijving Voor mijn klant ben ik op zoek naar een .NET Developer om het huidige team te komen versterken. Deze organisatie bevindt zich in de logistieke sector, en zij hebben een eigen ERP systeem ontwikkeld dat zij inzetten ter optimalisatie van de logistieke processen van haar eindklanten. Deze organisatie bestaat inmiddels al ruim 20 jaar, waarbij zij een duidelijke missie hebben, namelijk: het werk van de eindklant makkelijker maken door de systemen die zij leveren. Ze werken over heel de wereld, wat deze organisatie een echte internationale speler maakt. Binnen de organisatie kenmerken ze zich door een dynamische en professionele

Bekijk vacature »

UX Writer (m/v/d)

UX Writer (m/v/d) Everything we do, starts with you. Together with you, we build the most human-centric fintech. We have the ambition to create the next. And - with Bertelsmann - a strong foundation to start from. Let’s make it new – for society and for yourself. Wij zijn op zoek naar een UX Writer (m/v/d) Fulltime - Op ons kantoor in Amsterdam of Heerenveen / deels vanuit huis Als UX Writer bij Riverty hou jij je bezig met onze strategie om daar te zijn waar onze gebruikers zijn en op de manier waarop zij ons nodig hebben, terwijl wij

Bekijk vacature »

Full stack developer Python, React

Functie Jij als full stack developer komt binnen onze Technology afdeling te werken. Deze bestaat momenteel uit 15 man. De stack waarmee wij werken is voornamelijk Python, Javascript, React en GraphQL. Binnen deze afdeling wordt er met multidisciplinaire teams gewerkt aan verschillende projecten. Projecten duren vaak langer dan 3 maanden en je bent van begin tot eind vaak betrokken. Naast dat je als full stack ontwikkelaar aan de slag gaat ben je ook Consultant. Dit betekent dat je ook klantcontact hebt in je rol en werkshops geeft. De verhouding tussen deze werkzaamheden zijn ongeveer 70% development en 30% consultancy. Een

Bekijk vacature »

Software Developer Java

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 »

Product Developer (M/F), Fulltime 40 h/week

A global Plantbased revolution – that is our dream. Maximising the protein transition – that is our mission. Producing and developing sustainable and delicious products – that is what we do. Ojah is a fast growing company with a mission and has the ambition to be the world leader in its field. To support this growth we are hiring new colleagues. People that would like to make a difference and dare to dream big. With currently a 150 colleagues proudly working on our exceptional products. Working in a dynamic surrounding that runs full speed ahead. We need you! Product Developer

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 »

Front-end PHP Developer

Dit ga je doen Bouwen van de frontend van een nieuwe applicaties; Verbeteren van de user experience; Opstellen van een style guide; Schakelen met collega developers over de te bouwen oplossing; Je speelt een belangrijke rol in het neerzetten van het nieuwe systeem; Werken met o.a. Symfony 6, API Platform, Twig, Javascript, Redis Automatiseren van processen; Koppelen van verschillende functionaliteiten; Unit tests, integration tests, end-to-end tests; In de toekomst ga je nog werken aan andere projecten. Hier ga je werken Voor onze vaste opdrachtgever in de regio Breda zijn wij op zoek naar een Frontend Developer. Het betreft een organisatie

Bekijk vacature »

Front-end developer (Medior/Senior)

Functie Het front-end team bestaat momenteel uit 4 collega’s en is hard aan het groeien! Samen leveren jullie een essentiële bijdrage aan de applicaties die ze voor hun klanten realiseren. Je werkt in het front-end team samen met de back-end teams en product owners om te zorgen dat de applicaties een fijne gebruikerservaring opleveren. Jouw expertise zorgt ervoor dat de juiste keuzes gemaakt worden qua techniek en ontwerp, van back-end tot aan gebruiker. In samenspraak met je team bepalen jullie de beste keuze voor techniek. Ook is er altijd ruimte om nieuwe technieken te ontdekken. Eisen • Je hebt gedegen

Bekijk vacature »

Laravel developer

Zie jij mogelijkheden om onze tooling technisch te verbeteren en uit te bouwen? Over Jobmatix Jobmatix is een innovatieve en internationale speler op het gebied van jobmarketing. Onze jobmarketing automation tool helpt organisaties bij het aantrekken van nieuw talent door vacatures digitaal, geautomatiseerd en op een efficiënte manier te adverteren en onder de aandacht te brengen bij de doelgroep op 25+ jobboards. Volledig performance-based, waarbij organisaties betalen op basis van cost per click of cost per applicant. Maandelijks wordt onze jobmarketing automation tool al gebruikt door vele directe werkgevers, intermediairs en mediabureaus, waaronder Picnic, Rijkswaterstaat, AdverOnline, Schiphol, DPA, Teleperformance en

Bekijk vacature »
- SanThe -

- SanThe -

13/03/2013 00:07:21
Quote Anchor link
Aangezien ik nog steeds geen kenner ben van jQuery heb ik een vraagje.

Ik heb deze regel:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
<?php
echo '<img src="images/'.rand(1,100).'.jpg" alt="" id="plaatje"/>';
?>


Werkt uiteraard prima alleen moet de pagina steeds ververst worden.
Hoe kan ik dit plaatje bijvoorbeeld elke 30 seconden laten wisselen naar een ander random plaatje maar zonder dat de pagina ververst? Dus zonder php.
Misschien kan het zelfs alléén met Javascript?

SanThe
Gewijzigd op 13/03/2013 00:10:12 door - SanThe -
 
PHP hulp

PHP hulp

22/11/2024 10:28:45
 
Wouter J

Wouter J

13/03/2013 00:12:49
Quote Anchor link
Ik zou hier JavaScript voor gebruiken (tenzij je al jQuery gebruikt):
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
var img = document.getElementById('plaatje');
var changeImg = function () {
    img.src = 'images/' + Math.round(Math.rand(1,100)) + '.jpg';

    setTimeout(changeImg, 30000); // 30 000ms = 30s
}


met jQuery: (zoals je ziet veranderd er praktisch niks)
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
var img = $('#plaatje');
var changeImg = function () {
    img.attr('src', 'images/' + Math.round(Math.rand(1,100)) + '.jpg');

    setTimeout(changeImg, 30000);
};


Offtopic:
Even 2 opmerkingen:
- jQuery is gewoon een library, dus alles wat jQ kan kan in JS ook;
- een lege attribuut is even slecht als geen attribuut. Dus of (a) vul het alt attribuut in of (b) haal hem weg, maar alleen alt="" toevoegen omdat de validator het wilt is onzin.
Gewijzigd op 13/03/2013 00:14:24 door Wouter J
 
- SanThe -

- SanThe -

13/03/2013 00:25:22
Quote Anchor link
Ik heb de bovenste geprobeerd maar het doet niks.

Het staat tussen
<head>
<script type="text/javascript">
hier dus
</script>
</head>

Moet dat ergens anders staan?


Edit: Ik heb de alt ingevuld. Thanks voor de tip.
Gewijzigd op 13/03/2013 00:26:41 door - SanThe -
 
Frank Nietbelangrijk

Frank Nietbelangrijk

13/03/2013 00:33:00
Quote Anchor link
nog wel even doen

<body onload="changeImg();">
 
- SanThe -

- SanThe -

13/03/2013 01:10:53
Quote Anchor link
Error: TypeError: Math.rand is not a function
op regel:
img.src = 'images/' + Math.round(Math.rand(1,100)) + '.jpg';

Heb ik van gemaakt:
img.src = 'images/' + Math.round(Math.random(1,100)) + '.jpg';

Nu krijg ik nog dit op diezelfde regel:
Error: TypeError: img is null
 
Frank Nietbelangrijk

Frank Nietbelangrijk

13/03/2013 01:23:39
Quote Anchor link
var img = $('#plaatje'); ...

moet je dus in je html wel een img tag hebben met id="plaatje"
 
- SanThe -

- SanThe -

13/03/2013 01:39:02
Quote Anchor link
Ik heb dit in de <head>
<script type="text/javascript">
var img = document.getElementById('plaatje');
var changeImg = function () {
img.src = 'images/' + Math.round(Math.random(1,100)) + '.jpg';

setTimeout(changeImg, 5000); // 30 000ms = 30s
}
setTimeout(changeImg, 5000); // 30 000ms = 30s
</script>

En dit <body onload="changeImg()">

En in de body dit
<img src="images/37.jpg" alt="SanThe" id="plaatje"/>

Maar het geeft deze error
Timestamp: 13-3-2013 1:30:35
Error: TypeError: img is null
Source File: http://localhost/
Line: 14

En dit is line 14
img.src = 'images/' + Math.round(Math.random(1,100)) + '.jpg';
 
Jack Maessen

Jack Maessen

13/03/2013 01:44:17
Quote Anchor link
om hoeveel plaatjes gaat het die verwisseld moeten worden?
 
- SanThe -

- SanThe -

13/03/2013 01:45:12
Quote Anchor link
1 Plaatje random naar een van de 100 aanwezige plaatjes.
Gewijzigd op 13/03/2013 01:46:19 door - SanThe -
 
Jack Maessen

Jack Maessen

13/03/2013 01:56:11
Quote Anchor link
je wilt voor 100 plaatjes natuurlijk niet met een array werken?
 
- SanThe -

- SanThe -

13/03/2013 01:58:10
Quote Anchor link
Als ik een onclick() er in zet doet ie het wél.
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
<?php
echo '<img src="images/' . rand(1, 100) . '.jpg" alt="SanThe" id="plaatje" onclick="this.src = \'images/\' + Math.round(Math.random(1,100)*10) + \'.jpg\'"/>';
?>
 
Wouter J

Wouter J

13/03/2013 08:05:33
Quote Anchor link
Je moet het script vlak voor </body> plaatsen, niet in de head. Als je hem in de head wilt moet je alles in een onload functie zetten:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
window.onload = function () {
    // ... hier de code
};
 



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.