afbeeldingen achteraf laden

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Embedded Software Developer Games

Functie omschrijving Heb jij affiniteit met hardware en wil jij kleuren binnen een Qt framework? Spreek jij de talen C en of C ++? Dan ben ik wellicht opzoek naar jou! Voor een super gave opdrachtgever in omgeving Delft is er namelijk plek voor een nieuwe kracht! Dit bedrijf is gespecialiseerd in het ontwerpen van software voor een unieke game industrie. Wil jij betrokken worden bij een proces dat loopt van ontwikkeling tot installatie? Waarbij je bezig zult zijn met perfecte systemen die geleverd worden aan binnen en buitenland? Je zult in een team, samen met vier ontwikkelaars, de mooiste

Bekijk vacature »

Embedded Software Developer

Functie omschrijving Ben jij een Embedded Software Developer die affiniteit heeft met de allernieuwste technieken? Voor een mooi softwarebedrijf in omgeving Gouda zijn wij op zoek naar een Embedded Software developer. Binnen deze rol houdt jij je bezig met alle werkzaamheden die nodig zijn om een functionaliteit te bouwen. Denk aan ontwerpen, architectuur, programmeren en algoritmes. Je voert test en validatie werkzaamheden uit bij de implementatie bij de klant. Ben jij enthousiast en een echte team player? Lees dan snel verder en laat wat van je horen! Bedrijfsprofiel Onze opdrachtgever bestaat uit een groot aantal creatieve en ambitieuze ontwikkelaars. Ze

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 »

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 »

C# developer

Sogeti is een organisatie met een goede werksfeer en zo min mogelijk hiërarchische verhoudingen. Ga je bij ons als C# 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. Natuurlijk krijg jij de mogelijkheid je te certificeren. We organiseren regelmatig technische Meet-ups en doen we veel aan kennisdeling. Mede hierdoor zij wij dit jaar Microsoft Partner of the Year geworden. Sogetisten staan klaar voor elkaar, hebben lol met elkaar en daarmee behalen we de mooiste resultaten! Werken bij Sogeti

Bekijk vacature »

SQL beheerder / ontwikkelaar

Functie omschrijving Voor een klant in omgeving Tiel zijn wij op zoek naar een SQL beheerder met affiniteit met technisch applicatiebeheer. Je krijgt een fijne in-house werkplek waar je gaat werken aan diverse projecten. Dit bedrijf doet het beheer van databases voor een aantal bancaire klanten. Op dit momenten hebben zij ruim 1500 databases in beheer. Jouw werkzaamheden gaan er als volgt uit zien: Je gaat de development afdeling ondersteunen bij het ontwikkelen van MS SQL Scripts. Je zal zowel zelfstandig als in teamverband MS SQL databases installeren & beheren. Je monitort en onderzoekt incidenten en de achterliggende oorzaken. Je

Bekijk vacature »

Fasttrack learning & development voor Java dev

Wat je gaat doen: Wij zoeken enthousiaste en ambitieuze junior en medior ontwikkelaars die toe zijn aan de volgende stap in hun carrière. Wij helpen je op je pad naar senior ontwikkelaar door ons fasttrack learning en development programma. Na een kort en intensief programma ga jij aan de slag bij klanten van DPA. Daarnaast krijg je veel ruimte om je te ontwikkelen als persoon en als specialist. De eerste maand gaan we aan de slag om je certificeringen te behalen waaronder OCP (Oracle Certified Professional). Daarnaast nemen we een deepdive in Spring Boot. Ook laten we je kennismaken met

Bekijk vacature »

PHP Laravel Ontwikkelaar

Functie omschrijving Weet jij alles over Laravel en krijg je energie van het developen van software hiermee? Laat het weten want wij zoeken een PHP/Laravel developer in regio 's-Hertogenbosch voor klein bedrijf welke softwareoplossingen maakt voor hun klanten. Jouw taken hierbij: Softwareapplicaties ontwikkelen en verder optimaliseren in veel diverse projecten op basis van Agile/Scrum. Documentatie schrijven over applicaties. Uitleg geven over software en applicaties Klantcontact hebben over bestaande applicaties. Techstack: PHP, Laravel, HTML, CSS, Javascript. Bedrijfsprofiel Deze organisatie zit in de regio van 's-Hertogenbosch en is een klein bedrijf. Er werken circa 15 medewerkers, verdeeld in meerdere teams, zoals back-end

Bekijk vacature »

Full Stack .NET Developer C# ASP.NET

Samengevat: Deze werkgever is gespecialiseerd in het op afstand bewaken en besturen van machines en processen. Ben jij een ervaren Full Stack .NET Developer? Heb je ervaring met C# en ASP.NET? Vaste baan: .Net Developer C# ASP.NET HBO €3.300 - €4.500 Deze werkgever is een snel groeiende onderneming gespecialiseerd in het op afstand bewaken en besturen van machines en processen, IoT (Internet of Things). Deze werkgever is een veelzijdige organisatie. Je werkt voor de eigen IT organisatie. Zij werken met moderne technologie en staan open voor innovatie. Wil jij bij de top specialisten horen? Ben jij op zoek naar een

Bekijk vacature »

Web Application Developer

Dit ga je doen Samen met het team werk je aan de visualisatie functionaliteiten en hoe dit gebruikt kan worden in een operationele setting; Het ontwerpen, ontwikkelen, onderhouden en leveren van support betreft het Warehouse Management Systeem en de bijbehorende web visualisaties; Je gebruikt hierbijde tools WebGL en ASP.net; Het meewerken in implementatieprojecten; Het leveren van Go-Live Support; Sparren met jouw Amerikaanse collega's. Hier ga je werken Voor een internationale organisatie in de transport zijn wij momenteel op zoek naar een Web Application Developer. Ze zijn wereldwijd de grootste speler en lopen voorop met het automatiseren van alle processen van

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 »

Fullstack 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 »

Java Ontwikkelaar

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 developer - C Sharp

Functie omschrijving Voor een opdrachtgever, met een prachtig kantoor in omgeving Wateringen zijn wij op zoek naar een software ontwikkelaar die graag werkt met C#, JAVA of Oracle. Heb jij interesse in het programmeren en ontwikkelen van software? En heb jij enige ervaring met Oracle databases en PL/SQL? Als software developer werk je met je collega's samen in een leuk en informeel team aan het (her)ontwerpen van bedrijfssystemen. Je houdt je bezig met het ontwikkelen van REST API's en je onderhoudt applicaties in Oracle PL/SQL en APEX. Vind jij het leuk om in een Agile/Scrum omgeving te werken? Wil jij

Bekijk vacature »

Delphi developer

Functie Als Delphi developer ga jij aan de slag in een team met twee andere ervaren Delphi programmeurs waaronder de Hoofd programmeur. Als team zijn jullie verantwoordelijk voor de doorontwikkeling van jullie bestaande applicatie. Daarnaast zijn jullie verantwoordelijk voor het onderhouden van deze applicatie en het oplossen van eventuele bugs. Eisen - HBO werk en denk niveau; - Minimaal één jaar ervaring met Delphi; - Goede beheersing van de Nederlandse taal in woord en geschrift; - Jij bent zelfstandig, maar kan ook in team verband werken. Aanbod - €3000,-- €4000,- op basis van jouw kennis en ervaring; - 8% vakantiegeld;

Bekijk vacature »
Jonas vermeulen

jonas vermeulen

16/12/2011 15:00:32
Quote Anchor link
hallo,

ik probeer een pagina te maken waar de afbeeldingen achteraf worden ingeladen in de pagina. daarvoor heb ik een stukje code, die de src attributen van de afbeeldingen instelt na de document.ready().

Echter als ik een breakpoint zet op de for lus die er uitgevoerd wordt blijkt de volledige dom niet geladen te zijn en loopt het aldus ook fout.

laat ik die for lus weg, (dus een lege document.ready) en plaats ik daar een breakpoint, dan is de dom wel volledig geladen.

ik hoop dat iemand me kan vertellen hoe ik dat kan oplossen


<script language="javascript" type="text/javascript">



$(document).ready(function() {
// Handler for .ready() called.
for(u=0;u<imagearray.length;u++) {
var imagetoload = this.getElementById('photo_'+u);
imagetoload.setAttribute('src',imagearray);
}

});
</script>

alvast bedankt
JOnas
Gewijzigd op 16/12/2011 15:01:00 door Jonas vermeulen
 
PHP hulp

PHP hulp

21/06/2024 19:09:47
 
Wouter J

Wouter J

16/12/2011 15:08:55
Quote Anchor link
Het language attribuut is nog nooit een bestaat attribuut geweest, het is slechts een verzinsel, haal deze dus maar helemaal weg.
Heb je wel jQuery ingeladen? En het best is om JS te plaatsen vlak voor </body>, dan weet je namelijk zeker dat de hele dom geladen is en heb je $(document).ready niet meer nodig.
 
Jonas vermeulen

jonas vermeulen

16/12/2011 15:36:55
Quote Anchor link
dat werkt ook niet, hij laadt enkel tot en met de content div en wil dan blijkbaar eerst die for uitvoeren. terwijl de elementen die ik nodig heb in die content div moeten komen (en die worden dus nog niet geladen daar)

de pagina kan je hier vinden: http://groepbelien.be/gallery2.php?eventid=31
 
Ger van Steenderen
Tutorial mod

Ger van Steenderen

16/12/2011 17:28:55
Quote Anchor link
Als ik op je voorbeeld kijk dan denk dat het de bedoeling is dat de thumbs groot getoond worden.
Werk je met AJAX ?
 
Jonas vermeulen

jonas vermeulen

16/12/2011 17:35:03
Quote Anchor link
ja; het is de bedoeling dat boven de thumbs de grote afbeelding komt; ik wil niet dat alle afbeeldingen in 1 keer laden , maar pas als de pagina zelf geladen is (dus op de achtergrond).

kan je me een voorbeeld geven van hoe het met ajax zou moeten?
 
Ger van Steenderen
Tutorial mod

Ger van Steenderen

16/12/2011 18:43:45
Quote Anchor link
"Werk je met AJAX" was een vraag, dit hoeft namelijk niet als het om afbeeldingen gaat.
Je hoeft ook niet alle afbeeldingen op de achergrond te laden, dit kan je doen zodra er op een thumb geklikt wordt. Het principe is heel simpel:
1. je maakt in HTML een img object aan met een lege src ie:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<img name="LargeImg" />

2. Je vult de array met verwijzingen naar de url van de afbeelding.
3. Je hangt een onclick event aan de thumbs
4. In de binnen de had tags schrijf je de volgende JS code:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
<script>
function CacheImage(ImageSource) {
    var ImageObject = new Image();
    ImageObject.src = ImageSource;
    return ImageObject;
}
function ShowLarge(idx) {
    if (typeof Slides[idx] == 'string')
        { // ONLY CACHES THE IMAGES ONCE
            Slides[Index] = CacheImage(Slides[idx]);
        }
}

5. Net voor </body> roep je ShowLarge(0) aan

PS.
Gedeeltes van dit script komen van dynamicdrive.com
Gewijzigd op 16/12/2011 18:49:38 door Ger van Steenderen
 
Jonas vermeulen

jonas vermeulen

16/12/2011 18:56:56
Quote Anchor link
ja, dat had ik ook al geprobeerd met zo een onclick, maar ik zou ze graag alle afbeeldingen verder in de achtergrond laden, ik wil er transitions opzetten en als die afbeelding dan nog verder moet laden is dat niet zo handig.

heb je een idee hoe ik dan die src attributen moet invullen na het laden van de pagina?
 
Ger van Steenderen
Tutorial mod

Ger van Steenderen

16/12/2011 19:28:08
Quote Anchor link
Sorry, ben een stukje code vergeten, het moet zo zijn:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
<script>
function CacheImage(ImageSource) {
    var ImageObject = new Image();
    ImageObject.src = ImageSource;
    return ImageObject;
}
function ShowLarge(idx) {
    if (typeof Slides[idx] == 'string')
        { // ONLY CACHES THE IMAGES ONCE
            Slides[idx] = CacheImage(Slides[idx]);
        }
    document.getElementById("LargeImg").src = Slides[idx].src;
}
Gewijzigd op 16/12/2011 19:29:30 door Ger van Steenderen
 
Wouter J

Wouter J

16/12/2011 22:53:07
Quote Anchor link
@ger, in HTML gebruik je name= en die probeer je te vangen met getElementById()? Overigens is werken met names in HTML en JS ouderwets en is het veel beter om te werken met IDs of classes.

@jonas, dan moet je een window.onload event maken: http://tinkerbin.com/jrTod1PA
Gewijzigd op 16/12/2011 22:54:00 door Wouter J
 
Jonas vermeulen

jonas vermeulen

17/12/2011 10:25:56
Quote Anchor link
Wouter, dat was exact wat ik nodig had. Bedankt!
ik heb het nog een beetje aangepast zodat de eerste afbeelding pas zichtbaar wordt nadat die eerste afbeelding volledig geladen is.
vroeger laadde die ook in strepen.

Ger, ook bedankt voor de moeite

Jonas

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
<?php

window.onload = function() {
                  
                 for(u=0;u<imagearray.length;u++) {
                    var
imagetoload = document.getElementById('img_'+(u+1));
                    imagetoload.setAttribute('src',imagearray[u]);
                     $("#img_"+(u+1)).load(function(){
                        
                        $(this).fadeIn();
                        });


?>
Gewijzigd op 17/12/2011 10:26:43 door jonas vermeulen
 
Wouter J

Wouter J

17/12/2011 10:37:24
Quote Anchor link
@jonas, als je toch jQuery gebruikt. Waarom dan niet het hele script jQuery gebruiken?
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
$(function() {
  // Window.onload in jQuery
  
  imagearray.each(function( i, img ) {
    var elem = $('#img_' + (i + 1));
    
    elem.attr('src', img).fadeIn();
    // Load is voor AJAX, het lijkt me niet dat je dat in dit geval gebruikt...
  });
});
 
Jonas vermeulen

jonas vermeulen

18/12/2011 11:10:56
Quote Anchor link
die load zou ik toch willen behouden, dat zorgt ervoor dat de afbeelding pas verschijnt nadat die helemaal geladen is.
ik dacht nochtans dat dat ook jquery was en geen ajax? http://api.jquery.com/load/
 
Wouter J

Wouter J

18/12/2011 11:24:13
Quote Anchor link
AJAX is perfect geïntegreerd met jQuery, dus het is een functie van jQuery voor AJAX.

Maar ik wist niet dat je jQuery.load ook daarvoor kon gebruiken. Daarom heb ik het script nog wat verbeterd, met de load erin:
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
$(function() {
  // Window.onload in jQuery
  
  var imagearray = [
    'http://waldio.webatu.com/system/images/nemo[1].jpg',
    'http://waldio.webatu.com/system/images/walle[1].jpg',
    'http://waldio.webatu.com/system/images/up[1].jpg'
  ];
  jQuery.each(imagearray, function( i, img ) {
    var elem = $('#img-' + (i + 1));
    elem.css('display', 'none');
    elem.attr('src', img).load(function() {
      $(this).fadeIn();
    });
  });
});


Wat jij had was een beetje dubbel op. Imagetoload bevatte namelijk het image element, maar 2 regels daarna ging je het element nog een keer ophalen met jQuery om het load event te gebruiken. 2 keer een element zoeken in de DOM kost tijd en dat is onnodige tijd.
Dit script bevat geen ophaal functies en ik had een vergissing gemaakt met jQuery.each(), dit heb ik ook verbeterd.
 



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.