jQuery plaatje wisselen

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

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 »

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 »

3D BIM Add-on Developer

As a 3D BIM add- on developer at KUBUS, you will develop add-ons (called BCF- Managers) to the leading building information modeling (BIM) programs Revit, Navisworks, Archicad, AutoCAD and Tekla Structures. BCF Managers enable data transfer between BIM software and BIMcollab. You will work on both the front- and the back-end. As a software company, KUBUS is in a unique position. We build our own products that are used by tens of thousands of users worldwide. Our company is just the right size: big enough to make a real impact in the market, but small enough that as an individual

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 »

Front-end React developer

Functie Het frontend team bestaat momenteel uit 4 dedicated front-enders en is hard aan het groeien! Ook werken er diverse designers waar je veel mee schakelt. Samen leveren jullie een essentiële bijdrage aan de applicaties die ze voor hun klanten realiseren, jij bent hierin de schakel tussen de eindgebruiker en de slimme backend. Je werkt in het frontend team samen met de backend teams en product owners om te zorgen dat onze applicaties een fijne gebruikerservaring opleveren. Ze werken o.a. met: React, Atomic design, Styled components, JavaScript / TypeScript, NPM, Webpack Blade templates, HTML, SCSS, Git flow. Eisen • HBO

Bekijk vacature »

Front-end Angular developer

Functie In jouw rol als Front-End developer werk je samen met de backend developers om middels tweewekelijkse sprints het platform naar een hoger niveau te tillen. Hiernaast heb je affiniteit met data en werk je graag samen met het team om de gegevensintegriteit en -beveiliging te waarborgen, om ervoor te zorgen dat de gebruiker wereldwijd de beste SaaS-services heeft. Deze organisatie heeft meer dan 100 mensen in dienst, waarvan er 45 in Nederland werken. Het ontwikkelteam bestaat uit 10 mensen en is verdeeld in 2 scrumteams. Het eerste team bestaat uit Java en Scala ontwikkelaars. Het tweede team, waar jij

Bekijk vacature »

Hands-on Solution Architect / Software Architect (

TenneT is hard groeiend om de onze ambities waar te kunnen maken. Zo nemen wij een leidende rol in het aanjagen van de energietransitie. Het werven van nieuw talent speelt daarin een cruciale rol. Wij zijn op zoek naar een gedreven Solution Architect / Software Architect op onze locatie Arnhem die hieraan wil bijdragen en misschien ben jij dat wel? Jouw bijdrage aan TenneT Je werkt samen met gedreven DevOps teams, bestaande uit frontend, backend en middleware developers, testers, UX-designers. Samen met de teams ben je continu op zoek naar de beste oplossingen voor onze klanten. Als Solution Architect onderzoek

Bekijk vacature »

Front-end developer (React)

Functie Het frontend team bestaat momenteel uit 4 dedicated front-enders en is hard aan het groeien! Ook werken er diverse designers waar je veel mee schakelt. Samen leveren jullie een essentiële bijdrage aan de applicaties die ze voor hun klanten realiseren, jij bent hierin de schakel tussen de eindgebruiker en de slimme backend. Je werkt in het frontend team samen met de backend teams en product owners om te zorgen dat onze applicaties een fijne gebruikerservaring opleveren. Ze werken o.a. met: React, Atomic design, Styled components, JavaScript / TypeScript, NPM, Webpack Blade templates, HTML, SCSS, Git flow. Eisen • HBO

Bekijk vacature »

Experienced Lead Java Developer

Vacature details Vakgebied: Software/IT Opleiding: Senior Werklocatie: Delft Vacature ID: 13301 Introductie We are seeking a Lead Java Developer for our team in the area of Delft. You will develop an application used exclusively by the engineers and geologists for site characterizations, which imports raw field and laboratory measurements for further processing, integration, ground modelling, and geotechnical analysis and reporting. The client/server application is entirely written in Java, and the server is hosted in the Amazon cloud, utilizing frameworks such as Spring and Hibernate, and connected to an MS SQL Server RDS instance. There is a trend towards using more

Bekijk vacature »

Lead developer

Functie Als Lead developer wordt jij onderdeel van een multidisciplinair team van circa 23 software engineers. Als team werken jullie agile en zijn termen als Continuous Integration en Continuous Delivery dagelijkse koek. Jullie werken aan uitdagende en afwisselende projecten met als doel klanten een totaal oplossing aan te kunnen bieden. Jij wordt verantwoordelijk voor complete projecten waarbij jij als verantwoordelijke zorgt dat het project op de juiste manier blijft draaien. Zo haal jij ook de requirements op bij de klant en kijk jij samen met het team en met de salesafdeling hoeveel uren hiervoor nodig zijn. Daarnaast stuur jij jouw

Bekijk vacature »

Full Stack C#.NET developer

Functieomschrijving Wij zijn op zoek naar een gepassioneerde Full Stack C#.NET Software Developer. Als Software Developer ben je verantwoordelijk voor het ontwikkelen van webapplicaties, apps en dashboards voor de eigen IOT-oplossingen. Je werkt samen met andere ontwikkelaars en engineers om de sensoren in machines uit te lezen en deze data om te zetten in management informatie voor jullie klanten. Taken en verantwoordelijkheden: Ontwikkelen en onderhouden van webapplicaties, apps en dashboards voor de eigen IOT-oplossingen. Testen en valideren van de ontwikkelde software. Actief deelnemen aan code reviews en bijdragen aan het verbeteren van de kwaliteit van de software. Je gaat aan

Bekijk vacature »

Grafisch vormgever

Standplaats: Maasland Aantal uren: 32 – 40 uur per week Opleidingsniveau: HBO werk- en denkniveau Ben jij een ambitieuze grafisch vormgever met een passie voor creativiteit en oog voor detail? Vind jij het daarnaast leuk om ook marketingactiviteiten op te pakken? Dan zijn wij op zoek naar jou! Bedrijfsinformatie Westacc Group BV is het zusterbedrijf van HABA en specialiseert zich in (maatwerk) oplossingen voor (elektro) techniek en verlichting in de kampeerbranche. Zij produceren en assembleren onderdelen voor caravans, campers en boten. Voor een groot aantal caravan- en campermerken leveren wij producten als zekeringkasten, invoerdozen, acculaders, schakelmateriaal en verlichting. De producten

Bekijk vacature »

Leidinggevend Full Stack Developer

Hé jij, nieuwe Pinkcuber! Ga aan de slag bij Pinkcube, online leverancier van promotieartikelen! Een innovatieve organisatie waar extra stappen zetten voor klanten de normaalste zaak van de wereld is. Ambitieus zijn we ook. ‘Naoberschap’ staat bij Pinkcube hoog in het vaandel; we helpen elkaar en iedereen is welkom. Pinkcube is Great Place to Work Certified, erkend leerbedrijf, maatschappelijk betrokken partner van stichting Present en partner van CliniClowns. En misschien wel jouw nieuwe werkgever. Wij zoeken namelijk een enthousiaste: Leidinggevend Full Stack Developer (40 uur, medior/senior) Ben jij klaar om baanbrekende ideeën tot leven te brengen en deel uit te

Bekijk vacature »

Productontwikkelaar Food

Wat ga je doen Als Productontwikkelaar Food ga je nieuwe producten ontwikkelen en bestaande producten verbeteren. Je bent hierbij betrokken bij het gehele proces: van productconcept naar proefreceptuur, het realiseren va het product (op kleine schaal) en het testen van producten in een productieomgeving. Verder: Bewaak je de status van verschillende fases van productontwikkeling en lever je tijdig de benodigde data aan Ben je bezig met de optimalisatie van oude en nieuwe recepturen Begeleid of organiseer je proefsessies (sensorisch onderzoek) in het team en/of bij klanten Onderhoud je contacten met de klanten, leveranciers van grondstoffen e.a. externe partijen Houd je

Bekijk vacature »

Back-End Web Developer

Als Back-End Web Developer bij Coolblue zorg je ervoor dat onze webshops elke dag een beetje beter zijn. Wat doe je als Back-End Web Developer bij Coolblue? Als Back-End Web Developer werk je met andere development teams samen om onze webshop zo optimaal mogelijk te laten werken en onze klanten blij te maken. Als backend developer weet je de weg in PHP, kan je in Typescript een microservice op zetten of ben je bereid om dit te leren. Ook Web Backend Developer worden bij Coolblue? Lees hieronder of het bij je past. Dit vind je leuk om te doen PHP

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/12/2024 19:13:37
 
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.