"Doorspoelen"

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

DevOps Engineer

Do you want to fast-track your DevOps career? An opportunity has arisen in Amsterdam for a DevOps Engineer to fast-track their career with full support, as well as own their DevOps function. Here’s why it may interest you: You will own the DevOps space with the freedom to impact their award-winning end-product You will work on new, cloud technologies and learn from highly skilled engineers around you Tech Stack: Python, AWS, Terraform, Ansible, Docker Remote working Salary up to €70.000 with flexibility for the right individual If you would like more information, please reach out for an informal conversation. A

Bekijk vacature »

Salesforce developer

Functieomschrijving Do you want to help shape the global Salesforce environment of the world’s largest HR service provider, defining, building and continuously improving the solution 28.000 people will use on a daily basis? Helping shape the working life of over 500 million talented individuals? As part of building a global Salesforce programme we are looking for multiple experienced Salesforce Developers. You work closely with our Technical lead, product owner and other salesforce developers and consultants to implement and integrate a global package of features based on Sales Cloud, Services Cloud, Marketing Cloud and Bullhorn for Salesforce, including but not limited

Bekijk vacature »

Junior Fullstack .NET Developer @ Regio Den Haag

2021-10-21 iSense Junior Fullstack .NET Developer Heb je onlangs een hbo-, wo-opleiding of een minor richting de IT afgerond OF heb jij middels cursussen je sporen verdiend in het programmeren en wil je graag aan de slag als Fullstack .NET Developer? Lees dan snel verder! Want in januari/februari 2022 start de Experis Academy weer met een leerprogramma waarin IT-experts je opleiden tot developer met als specialisatie .NET. Dit allemaal met een salaris en een vooruitzicht op een baan bij een topwerkgever. ISLE51103 Locatie Den Haag en omstreken Wat ga je doen als Junior Fullstack .NET developer? Vanaf januari/februari 2022 krijg

Bekijk vacature »

Developer Limburg

Als PHP developer werk jij mee aan de uitbreiding van onze SaaS applicatie. Je bouwt aan nieuwe functionaliteiten, verbetert ons Content Management Systeem op basis van Symfony en optimaliseert de gebruiksvriendelijkheid. Je werkt aan een mooi product dat continu uitgebreid wordt en de potentie heeft om de wereld over te nemen! Naast het meewerken aan de uitbreiding van onze SaaS applicatie, werk je ook aan specifieke modules voor onze klanten. Klanten als Scania, Fletcher Hotels, Gamma of Aditech hebben jouw hulp nodig! Wil jij meewerken om onze ambitie waar te maken? We bieden: Een salaris tussen € 2200 en €

Bekijk vacature »

.Net / C# Developer - Banking

When .Net/C# is your passion, apply now and join our team! Your day-to-day activities As an experienced .Net/C# developer you will use your skillset to develop new financial applications and services that are not fully automated by standard systems. You will ensure quality and security in ASP.Net and C#. You will work in a multidisciplinary Scrum/Agile team and together you will ensure that the transition to Cloud will go as smoothly as possible. What you need to be successful in this role You are customer focused and enthusiastic. You are at the forefront of architectures, tools and techniques that are

Bekijk vacature »

Junior Fullstack Java Developer @ Regio Amsterdam

2021-10-14 iSense Junior Fullstack Java Developer Heb je onlangs een hbo-, wo-opleiding of een minor richting de IT afgerond en wil je graag aan de slag als Fullstack JAVA Developer? Lees dan snel verder! Want in februari 2022 start de Experis Academy weer met een leerprogramma waarin IT-experts je opleiden tot developer met als specialisatie JAVA. Dit allemaal met een salaris en een vooruitzicht op een baan bij een topwerkgever. ISNA51153 Wat ga je doen tijdens het Fullstack JAVA ontwikkeltraject? Vanaf februari 2022 krijg jij via de Experis Academy een unieke kans om jouw IT-carrière een kickstart te geven en

Bekijk vacature »

Senior .NET Software Developer @ Heerenveen

2021-10-20 iSense Senior .NET Software Developer Vind jij het ook belangrijk dat je leefomgeving zo optimaal mogelijk is vormgegeven? Daar kun je nu als Senior .NET Developer een bijdrage aan gaan leveren! In een notendop: bij een internationale organisatie werken aan verschillende (interne) innovatieve projecten, contact onderhouden met verschillende stakeholders en veel vrijheid! Klinkt goed toch? Ja? Lees dan snel verder! ISKA51369 Organisatie Jij gaat aan de slag als Senior .NET Software Ontwikkelaar en gaat je focussen op het bedenken, ontwikkelen en testen van maatwerkapplicaties in voornamelijk C#. Dit ga je doen bij een grote, internationale organisatie met lokale focus.

Bekijk vacature »

C# .NET Core Ontwikkelaar

Locatie: Veel van onze werkzaamheden voeren wij uit op ons kantoor in Barendrecht of Nieuwegein of bij onze klanten in de regio. Momenteel werken wij zoveel mogelijk vanuit huis. In de toekomst zullen we juiste balans bieden tussen thuiswerken, op kantoor en of klant locatie. Binnen het domein transport en logistiek hebben wij dagelijks te maken met uitdagende vraagstukken op onder andere het vlak van Iot. Zo ontwikkelen wij bijvoorbeeld aan een Iot oplossing waar we van ruim 200.000 machines hun telemetrie en events verwerken. Dit komt neer op 200 miljoen berichten per dag. Hierin leggen we de focus op

Bekijk vacature »

Advanced Mendix Developer Order Management Systeme

Advanced Mendix Developer Order Management Systemen (NL) Den Haag HBO/WO IT Professional "Als Advanced Mendix Developer impact maken op de groeiende e-commerce markt? Je doet dit bij PostNL door met je DevOps team onze Mendix applicaties verder te ontwikkelen, waarbij je complexe logistieke business processen vertaalt naar applicaties die ons primaire proces ondersteunen". Wat ga je doen? PostNL wordt een postal tech company We nemen de ontwikkeling van onze IT applicaties in eigen hand door onze eigen software-ontwikkel-capability op te zetten. Als Advanced Mendix Developer ben je onderdeel van een multidisciplinair, agile werkend Business-IT-team. Samen met dit team bouw je onze logistieke IT-applicaties verder

Bekijk vacature »

BI Developer @ Utrecht

2021-10-20 iSense BI Developer Do you have a passion for database / BI development? Are you enthusiastic about your profession? Do you like to share your knowledge and actively learn from others? Do you have experience with SQL Server? If you answers are yes, then don’t hesitate to apply! ISKE49244 Organization You will work in Utrecht with one of the biggest financial institutions in the Netherlands. They operate cooperative on international financial services and are always on the lookout for the newest tools & technologies. The department you will come to work is the domain which is responsible for delivering

Bekijk vacature »

Senior Java 8 Developer

Senior Java 8 Developer Intro Is your interest triggered by software and in particularly Java? Are you an experienced developer with Java? Then you could be the perfect candidate! Our client is looking for an senior Java Developer, in Eindhoven, The Netherlands. Function Information You will be end-to-end responsible for creating software in Java and Java EE, contributing to the development of several diagnostic applications in a scrum/Agile way of working. Diagnostic & Sequencing applications is done in several teams working together to deliver and integrate solutions to complex problems to enhance the diagnostic capabilities for our customers. Within one

Bekijk vacature »

IT Country Support Engineer Schiphol

Hou jij het hoofd koel bij de lastigste IT problemen met onze hardware en software? Vind je het een uitdaging om diverse problemen bij de eindgebruiker op een klantvriendelijke manier snel op te lossen? Dan is de vacature van IT Country Support Engineer bij DHL Express iets voor jou! Dit ga jij doen Als IT Country Support Engineer bij DHL Express zorg jij ervoor dat alle applicaties binnen DHL Express vlekkeloos werken. Je lost diverse IT gerelateerde problemen zorgvuldig op, dit kan zowel vanaf jouw eigen werkplek maar ook veelvuldig op locatie. Kortom ben je verantwoordelijk voor het technisch- en

Bekijk vacature »

Fullstack developer Angular / .NET Core / C#

Bedrijfsomschrijving De klantrelaties gaan hier verder dan alleen een applicatie opleveren. Vaak wordt er samen met een partner een product bedacht en ontwikkelt die dan gezamenlijk ook wordt vermarkt. Zo zijn er in de loop der jaren al een aantal succesvolle applicaties ontwikkelt voor in de zorg, e-commerce, verzekeraars en vele andere branches. Het bedrijf is professioneel en de kwaliteit staat hier voorop. Functieomschrijving Je gaat hier werken als fullstack .NET developer en wordt onderdeel van een van de vier Scrum teams. De teams zijn redelijk vast waardoor je echt weet wat je aan elkaar hebt en samen bepaal je

Bekijk vacature »

Pega Developer - Banking

Do you have passion for innovation and get motivated by complex challenges and innovative solutions? Are you ready for working with state of the art PEGA technology? Do you have enough experience to quickly and adaptively deploy new processes and tools for our customers? Your day-to-day activities As an experienced PEGA Developer you design, develop and test software systems and applications. You know what the software system of the client needs to do and you find ways to continuously improve and revolutionize them. You work in multidisciplinary Agile teams on common goals, quickly process feedback and put quality first in

Bekijk vacature »

GIS Developer @ Utrecht

2021-10-06 iSense GIS Developer Ben jij een Software Developer met minimaal drie jaar ervaring en wil jij aan werken aan toonaangevende GIS software? Spreekt het jou aan om binnen een innovatief ingenieursbureau te werken aan uiteenlopende projecten voor diverse grote en bekende namen in Nederland? Lees dan nu verder! ISHU48803 Organisatie Als GIS Developer kom je te werken bij een high-tech ingenieursbureau in de regio van Utrecht. Al ruim 15 jaar werken ze aan de eigen ontwikkeling van innovatieve applicaties op het gebied van mobiliteit en infrastructuur. Met al hun jaren ervaring bedenken en ontwikkelen ze geografische oplossingen voor grote

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

26/10/2021 11:17:01
 
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.