"Doorspoelen"

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Senior Robotics Developer (Freelance/ZZP)

Duur opdracht: 12 mnd (met optie tot verlenging) We zoeken senior profielen. Die junioren kan bijscholen op de technische skills. Wordt 1x per week op kantoor (Eindhoven) gewerkt. Voertaal is Nederlands & Engels. Start datum: ZSM Max tarief: 74€ Wij zijn ter versterking van het RPA team van Operations Financieren per direct op zoek naar een RPA Engineer die ons kan helpen bij de ontwikkeling van de robots. Bij voorkeur kennis van cq. ervaring met Kofax Kapow en ervaring met het werken in grote organisaties met complexe systemen. Het RPA Team team zorgt voor de verdere optimalisatie van de processen

Bekijk vacature »

Randstad - Salesforce Developer (Freelance/ZZP)

Startdate: ASAP As part of our strategy, Randstad is strengthening its digital capabilities and strives to work more closely with the 38 Randstad countries in collective leadership. The program that will bring many of these developments together is Connect IT. The program will start with the implementation in the Netherlands and will become the main platform for all operating companies (opcos) of Randstad in the coming years. The platform is synchronized with omnichannel, data, marketing and IT service solutions and is based on Salesforce and Bullhorn technology. The challenge is to keep all roadmaps and priorities aligned as the core

Bekijk vacature »

Junior Android developer

Functie Ons team van Android developers is dagelijks bezig met het verzorgen van de Android variant van ons spel, het ontwikkelen van nieuwe game modes, zorgen dat ieder device “compatibel” is, de UI en UX perfect is en alle vragen en suggesties van spelers worden gehonoreerd. Uiteraard werk je met de laatste versie van Java en op de nieuwste, snelste systemen om de workflow positief te beïnvloeden. Ben jij goed met Android, gek op voetbal en wil je werken aan een van ’s werelds meest en langst gespeelde games? Neem dan contact op voor meer informatie. Eisen - Uitstekende beheersing

Bekijk vacature »

PHP Engineer WordPress gezocht! / Let op je kan re

Functie Jij als ontwikkelaar komt dus te werken in ons development team waar jijzelf verantwoordelijk wordt voor bepaalde klantaanvragen, welke onderverdeeld worden tijdens de dagelijkse Stand up. Wij werken aan onze projecten op basis van SCRUM in 2-wekelijkse sprints. Doordat we nog relatief klein zijn krijg je dus al snel veel verantwoordelijkheid. Wij weten ook wel dat WordPress niet echt sexy klinkt. Toch doen wij hele toffe dingen en is WordPress slechts het CMS waaraan we koppelen. Zo is alles wat wij bouwen echt maatwerk en omdat we in high traffic en response omgevingen werken komen er ontzetten veel andere

Bekijk vacature »

Senior Robotics Developer (Freelance/ZZP)

Duur opdracht: 12 mnd (met optie tot verlenging) We zoeken senior profielen. Die junioren kan bijscholen op de technische skills. Wordt 1x per week op kantoor (Eindhoven) gewerkt. Voertaal is Nederlands & Engels. Start datum: ZSM Max tarief: 74€ Wij zijn ter versterking van het RPA team van Operations Financieren per direct op zoek naar een RPA Engineer die ons kan helpen bij de ontwikkeling van de robots. Bij voorkeur kennis van cq. ervaring met Kofax Kapow en ervaring met het werken in grote organisaties met complexe systemen. Het RPA Team team zorgt voor de verdere optimalisatie van de processen

Bekijk vacature »

Fullstack Python Developer

Functie Je gaat samen met 2 developers aan de slag. Hiervan is er één developer dat zich meer met de front-end bezig houdt (de mede-eigenaar) en de andere developer heeft meer affiniteit met de back-end. Om dit redelijk in evenwicht te houden ga jij aan de slag als full-stack Python developer. Je zal in de back-end gaan ontwikkelen in Python, voornamelijk met het Pyramid framework. En in de front-end houd jij je voornamelijk bezig met JavaScript (eventueel ook Typescript). Daarnaast zal je ook werken met PostgreSQL, Gitlab/Docker/Webpack. Je bouwt mee aan 1 mooi product dat steeds beter wordt ontwikkeld. Zij

Bekijk vacature »

Randstad - Fullstack Java Developer (Freelance/ZZP

Start date: ASAP Duration: 1 year initially Hours per week: 40 (32 minimum) Dutch is mandatory Max hourly rate: 85€ Strong communicator There is a vacancy in the Corporate Client Solutions (CCS) team. This team works closely together with the Online Client Solutions (OCS) team and the product owner on the client portal. Through the web portal, the various services from the business are delivered to the clients of Randstad Group Netherlands. CCS works for the corporate customers of Randstad and OCS works for customers in the SME segment. Both teams consist of a number of full stack developers, an

Bekijk vacature »

Randstad - Salesforce Developer (Freelance/ZZP)

Startdate: ASAP As part of our strategy, Randstad is strengthening its digital capabilities and strives to work more closely with the 38 Randstad countries in collective leadership. The program that will bring many of these developments together is Connect IT. The program will start with the implementation in the Netherlands and will become the main platform for all operating companies (opcos) of Randstad in the coming years. The platform is synchronized with omnichannel, data, marketing and IT service solutions and is based on Salesforce and Bullhorn technology. The challenge is to keep all roadmaps and priorities aligned as the core

Bekijk vacature »

Wolters Kluwer - PHP Developer (Freelance/ZZP)

Voorstellen met CV en korte toelichting 2 dagen naar kantoor (di + do) Ontwikkelen van producten van Schulinck. Product: https://gripop.schulinck.nl/ Startdatum: ZSM Max tarief: 90€ per uur Procedure: Gesprek en test: code en analyse (oplossingsvermogen). Periode is tenminste 6 maanden met optie op verlenging Fullstack PHP Developer Ben jij een ervaren Fullstack PHP Developer die op zoek is naar een nieuwe uitdaging? Vind je het belangrijk om werk te doen waarmee je het verschil maakt in de maatschappij? En wil je onderdeel worden van ons ervaren IT-team? Lees dan snel verder! Schulinck, onderdeel van Wolters Kluwer Schulinck (onderdeel van Wolters

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 »

Randstad - Salesforce Developer (Freelance/ZZP)

Startdate: ASAP As part of our strategy, Randstad is strengthening its digital capabilities and strives to work more closely with the 38 Randstad countries in collective leadership. The program that will bring many of these developments together is Connect IT. The program will start with the implementation in the Netherlands and will become the main platform for all operating companies (opcos) of Randstad in the coming years. The platform is synchronized with omnichannel, data, marketing and IT service solutions and is based on Salesforce and Bullhorn technology. The challenge is to keep all roadmaps and priorities aligned as the core

Bekijk vacature »

Senior iOS developer

As an iOS Developer, you make sure our mobile apps give our users the best possible experience, whether they are browsing and buying our products online or managing our internal operations. How do I become a Senior iOS developer at Coolblue? Your specialty is iOS so you are successful in writing Swift code in an agile fashion and do some pair programming with your colleagues to guarantee higher quality. Besides that you think about technical decisions like architecture, tools and processes. You also keep an eye on the performance of the app and you analyse with your team how to

Bekijk vacature »

React Native developer

Functie Het nieuwe product bestaat uit een webapplicatie en een mobiele app. Hierin zijn ze op zoek naar iemand die de kart wil trekken op dit gebied. Jij gaat dus echt aan de slag als React Native specialist binnen het front-end team. Het begin staat, maar er liggen nog genoeg uitdaging om over mee te denken! De IT-afdeling bestaat momenteel uit 13 back-end developers (verdeeld over verschillende scrumteams), 4 front-end developers en 2 UX-designers. Hiernaast werk je zo nu en dan samen met collega’s van marketing, support en consultancy. De software wordt door vele duizenden professionals dagelijks gebruikt en bevatten

Bekijk vacature »

Randstad - Salesforce Developer (Freelance/ZZP)

Startdate: ASAP As part of our strategy, Randstad is strengthening its digital capabilities and strives to work more closely with the 38 Randstad countries in collective leadership. The program that will bring many of these developments together is Connect IT. The program will start with the implementation in the Netherlands and will become the main platform for all operating companies (opcos) of Randstad in the coming years. The platform is synchronized with omnichannel, data, marketing and IT service solutions and is based on Salesforce and Bullhorn technology. The challenge is to keep all roadmaps and priorities aligned as the core

Bekijk vacature »

Front-end developer (Vue.js) - internationaal data

Functie Als Front-end developer bouw je iets dat ertoe doet in verschillende ontwikkelingsprojecten, waarbij je bijvoorbeeld focust op dataverwerking, dataopslag, data science of platform billing. Als lid van het front-end team ben je bezig met het vormgeven van de volledige User Exeprience voor de verschillende producten. Momenteel zijn ze druk bezig om het product te refactoren naar Vue. Hierin werk je nauw samen met zowel je eigen team als andere scrumteams. Met jouw creativiteit ga je zelfstandig en proactief complexe uitdagingen aan. Uiteraard durf je hulp te vragen waar nodig. Je bent zowel een goede luisteraar als een uitlegger. Je

Bekijk vacature »
Jurrian Nijland

Jurrian Nijland

17/01/2011 15:59:53
Quote Anchor link
Sorry voor de rare titel, kon er even niet op komen.

Maargoed: ik heb een leuk design, en daarin een script. Het probleem is nu dat je steeds op een pijl moet klikken om het volgende stuk info te laten zien. Voor het werkende voorbeeld klik je hier.

Code's:
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
$(document).ready(function(){


    $("#myController").jFlow({
        slides: "#slides",
        controller: ".jFlowControl", // must be class, use . sign
        slideWrapper : "#jFlowSlide", // must be id, use # sign
        selectedWrapper: "jFlowSelected",  // just pure text, no sign
        easing: "swing",
        width: "900px",
        height: "225px",
        duration: 400,
        prev: ".jFlowPrev", // must be class, use . sign
        next: ".jFlowNext" // must be class, use . sign
    });
    
});

custom.js

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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
/* Copyright (c) 2008 Kean Loong Tan http://www.gimiti.com/kltan
 * Licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
 * jFlow
 * Version: 1.2 (July 7, 2008)
 * Requires: jQuery 1.2+
 */
 
(function($) {

    $.fn.jFlow = function(options) {
        var opts = $.extend({}, $.fn.jFlow.defaults, options);
        var randNum = Math.floor(Math.random()*11);
        var jFC = opts.controller;
        var jFS =  opts.slideWrapper;
        var jSel = opts.selectedWrapper;

        var cur = 0;
        var maxi = $(jFC).length;
        // sliding function
        var slide = function (dur, i) {
            $(opts.slides).children().css({
                overflow:"hidden"
            });
            $(opts.slides + " iframe").hide().addClass("temp_hide");
            $(opts.slides).animate({
                marginLeft: "-" + (i * $(opts.slides).find(":first-child").width() + "px")},
                opts.duration*(dur),
                opts.easing,
                function(){
                    $(opts.slides).children().css({
                        overflow:"auto"
                    });
                    $(".temp_hide").show();
                }
            );
            
        }
        $(this).find(jFC).each(function(i){
            $(this).click(function(){
                if ($(opts.slides).is(":not(:animated)")) {
                    $(jFC).removeClass(jSel);
                    $(this).addClass(jSel);
                    var dur = Math.abs(cur-i);
                    slide(dur,i);
                    cur = i;
                }
            });
        });    
        
        $(opts.slides).before('<div id="'+jFS.substring(1, jFS.length)+'"></div>').appendTo(jFS);
        
        $(opts.slides).find("div").each(function(){
            $(this).before('<div class="jFlowSlideContainer"></div>').appendTo($(this).prev());
        });
        
        //initialize the controller
        $(jFC).eq(cur).addClass(jSel);
        
        var resize = function (x){
            $(jFS).css({
                position:"relative",
                width: opts.width,
                height: opts.height,
                overflow: "hidden"
            });
            //opts.slides or #mySlides container
            $(opts.slides).css({
                position:"relative",
                width: $(jFS).width()*$(jFC).length+"px",
                height: $(jFS).height()+"px",
                overflow: "hidden"
            });
            // jFlowSlideContainer
            $(opts.slides).children().css({
                position:"relative",
                width: $(jFS).width()+"px",
                height: $(jFS).height()+"px",
                "float":"left",
                overflow:"auto"
            });
            
            $(opts.slides).css({
                marginLeft: "-" + (cur * $(opts.slides).find(":eq(0)").width() + "px")
            });
        }
        
        // sets initial size
        resize();

        // resets size
        $(window).resize(function(){
            resize();                          
        });
        
        $(opts.prev).click(function(){
            if ($(opts.slides).is(":not(:animated)")) {
                var dur = 1;
                if (cur > 0)
                    cur--;
                else {
                    cur = maxi -1;
                    dur = cur;
                }
                $(jFC).removeClass(jSel);
                slide(dur,cur);
                $(jFC).eq(cur).addClass(jSel);
            }
        });
        
        $(opts.next).click(function(){
            if ($(opts.slides).is(":not(:animated)")) {
                var dur = 1;
                if (cur < maxi - 1)
                    cur++;
                else {
                    cur = 0;
                    dur = maxi -1;
                }
                $(jFC).removeClass(jSel);
                slide(dur, cur);
                $(jFC).eq(cur).addClass(jSel);
            }
        });
    };
    
    $.fn.jFlow.defaults = {
        controller: ".jFlowControl", // must be class, use . sign
        slideWrapper : "#jFlowSlide", // must be id, use # sign
        selectedWrapper: "jFlowSelected",  // just pure text, no sign
        easing: "swing",
        duration: 400,
        width: "100%",
        prev: ".jFlowPrev", // must be class, use . sign
        next: ".jFlowNext" // must be class, use . sign
    };
    
})(jQuery);

jquery.flow.1.2.jsSorry voor het lange stuk, weet niet wat het belangrijkste is =)

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
<div id="slides-container">
            <div id="slides">
                <div>

                    <div class="slide-image"><img src="images/logo_1.png" alt="welkom!" /></div>
                    <div class="slide-text">
                        <h2>..</h2>
<p>...</p>


                    </div>
                </div>
</div></div>
            </div>

            <div class="controls"><span class="jFlowNext"><span>Next</span></span><span class="jFlowPrev"><span>Prev</span></span></div>

            <div id="myController" class="hidden"><span class="jFlowControl"></span><span class="jFlowControl"></span><span class="jFlowControl"></span></div>
        </div>
    </div>

Stuk van de pagina

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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
/* front page slider styles */
div#jFlowSlide {
    margin:0 auto;
}
div#slides-container {
    height:240px;
}
div#slides-container div#jFlowSlide {
    height: 225px;
    padding-top: 15px;
}
div#slides-container div.jFlowSlideContainer img {
    margin:auto;
    display:block;
    border:4px solid #313D45;
}
div#slides-container div.jFlowSlideContainer div {
}
div#slides-container div.jFlowSlideContainer div.slide-image {
    float:left;
    width:322px;
    padding-top:10px;
}
span.jFlowPrev, span.jFlowNext {
    background-image:url('images/slide-prev.gif');
    background-repeat:no-repeat;
    display:block;
    height:25px;
    width:25px;
    float:left;
    margin:0;
    cursor:pointer;
}
span.jFlowPrev span, span.jFlowNext span { display:none; }
span.jFlowNext {
    background-image:url('images/slide-next.gif');
    float:right;
}
div#slides-container div.controls {
    position:relative;
    top:-125px;
    width:960px;
    margin:0 auto;
}
div.slide-text {
    padding-top: 10px;
}
.hidden { display:none;  }

Style

Ik weet dat het veel code is. Ik zal eens kijken of ik de onbelangrijke stukken er even uit kan vissen.

De bedoeling is dat er om de zoveel seconde het volgende stuk tekst laten zien word.
Gewijzigd op 17/01/2011 16:02:21 door Jurrian Nijland
 
PHP hulp

PHP hulp

16/08/2022 03:29:50
 
Yea Rupie

Yea Rupie

17/01/2011 16:02:58
Quote Anchor link
Ik denk dat je er een timer in wilt?
http://plugins.jquery.com/project/timers
Gewijzigd op 17/01/2011 16:04:27 door Yea Rupie
 
Jurrian Nijland

Jurrian Nijland

17/01/2011 16:13:47
Quote Anchor link
Ik zal 'r eens naar kijken.
 



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.