jQuery slider

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Mendix Consultant / Developer

Bedrijfsomschrijving De organisatie begeeft zich in de retail branche en focust zich op de tak mobiliteit. De organisatie telt ongeveer 3000 medewerkers die verdeeld zijn over meerdere vestigingen in het land. Een deel in Brabant en een deel in de Randstad. Voor deze functie kan er als standplaats worden gekozen tussen de regio Utrecht of regio Breda. Onlangs heeft de organisatie besloten Mendix te gebruiken als nieuwe basis voor haar gehele applicatie omgeving. De stabiliteit, flexibiliteit en gebruiksvriendelijkheid van Mendix dragen bij aan de innovaties van de organisatie. Op dit moment een groot aantal processen en applicaties herbouwd in Mendix.

Bekijk vacature »

Developer - 12build

Wil jij jouw vindingrijke expertise inzetten voor revolutionaire innovaties in de cloud? Vind je de (internationale) bouwsector interessant en tenminste 5 jaar werkervaring? Ben je ambitieus en wil je je analyserende skills laten gelden in een professionele development-team? Dan is 12Build op zoek naar jou! Functie omschrijving In ons development team zijn we steeds bezig om ons eigen Saas platform uit te breiden en te verbeteren. Wij werken onder andere met: PHP Laravel Microservices TypeScript, JavaScript Vue.js (Nuxt.js) Docker API Gateway, OpenApi AWS Services (Fargate, SNS, SQS, S3) MySQL, ElasticSearch Bitbucket Pipelines Terrafrom Jira, Confluence, Slack Functievereisten In het kort

Bekijk vacature »

Java Developer met Kafka projecten

Bedrijfsomschrijving De organisatie is een IT dienstverlener die bedrijven helpt met het oplossen van hun technische vraagstukken. De organisatie streeft naar langdurige klantrelaties waardoor ze een heel divers klantenportefeuille hebben opgebouwd. De organisatie is een middelgrote organisatie en telt op dit moment zo’n 60 medewerkers. Maar ze zijn nog altijd groeiende, mede omdat ze op het gebied van Data Analytics echt een voorsprong hebben op hun concurrenten. Het team is een gezonde mix van jong en oud die elkaar samen naar een hoger niveau tillen. Ze hechten bij deze organisatie waarde aan teambuilding, klantgerichtheid en een open en fijne werksfeer.

Bekijk vacature »

Java Developer

Bedrijfsomschrijving You will work at a large and progressive financial organization with offices in the Netherlands and abroad. You work within the domain that is responsible for delivering several daily banking processes used by all our customers. The processes are fixed around life cycle management for the current accounts and packages, such as opening and closing an account. Your colleagues are all driven Engineers, who like to stay up-to-date with the latest technologies. You are going to work in a team that believes in the DevOps way of working. As Developer you are responsible for the technical structure of several

Bekijk vacature »

Cloud Engineer Welkomstbonus € 5.000,-

Cloud Engineer medior Welkomstbonus van € 5.000,- Bij T2 zorgen we goed voor elkaar en doen wij leuke dingen met leuke mensen. We zorgen voor uitdagende opdrachten zodat jij jezelf onbeperkt kan blijven ontwikkelen. Ben jij een ervaren systeembeheerder Cloud en wil je het beste uit jezelf halen? Dan ben je van harte welkom bij T2 en ontvang je onze welkomstbonus ter waarde van € 5.000,-. Er werken leuke mensen bij T2, die op een professionele en informele wijze met hun carrière en collega’s omgaan. Dat is de basis voor succes! Het is vanzelfsprekend dat je met de nieuwste technieken

Bekijk vacature »

Business Developer

Haal jij als echte salestijger, je energie uit het binnenhalen van nieuwe klanten? Is bij jou het ijs al gebroken voordat het woord koude acquisitie is uitgesproken? Dan kun jij weleens de nieuwe Business Developer worden van dit leuke bedrijf in de uitzendbranche. Wil jij naast een goed salaris van € 2000 - € 2500 per maand, ook nog een laptop, telefoon en bedrijfsauto? Zoek dan niet verder en bekijk de rest van de vacature! Wat bieden wij jou Een salaris tussen de € 2000 en € 2500 in de maand Een laptop & telefoon + rijden in bedrijfsauto Mogelijkheid

Bekijk vacature »

Junior C# Developer

Bedrijfsomschrijving Onze klant is een innovatieve financiële organisatie in regio Den Haag die momenteel op zoek is naar een junior C# developer. Je zal naast je dagelijkse werkzaamheden meewerken in hele mooie projecten. In zo'n project wordt bijvoorbeeld een oude applicatie vanaf de grond af aan opnieuw gebouwd. De focus ligt hierbij op back-end development, echter zal je soms ook front-end taken op moeten pakken. De organisatie heeft een open cultuur met korte lijnen. Grote hoeveelheden data zijn kenmerkend voor het applicatie landschap, waardoor Business Intelligence een belangrijke rol in de organisatie speelt. Daarnaast zijn duurzaamheid en betrouwbaarheid termen die

Bekijk vacature »

IT-traineeship junior software developer

Zoek jij een stevige uitdaging en de mogelijkheid om veel nieuwe dingen te leren in een dynamisch vakgebied? Doe mee aan ons IT Professional Program en ontwikkel jezelf tot software engineer! Je begint met een opleidingstraject van ongeveer 4 maanden. Hierin ga je aan de slag met verschillende technieken die je op conceptueel niveau leert te overzien en interpreteren. Onderwerpen die aan bod komen zijn o.a. programmeren (Java/C#/Python), Object Oriëntatie, Databases, Webservices & webtechnologieën, Domain Driven Design en Continuous Integration/Continuous Delivery. Sommige van deze onderdelen sluit je af met een examen en bijbehorende certificering. Het opleidingstraject zelf sluit je af

Bekijk vacature »

Senior fullstack .NET developer

Wil jij samen met gemotiveerde en slimme collega’s bouwen aan ons geavanceerde landschap in Azure? En vind je het ook nog eens leuk om jouw kennis te delen met junior- en medior devs? Dan heb je wellicht interesse in de positie van: Senior fullstack .NET developer voor ons kantoor in Alkmaar Over de positie: Bij SnelStart werken we in een AGILE-structuur om de productie meer focus en impact te geven. Met je collega’s kom je tot de beste resultaten door onderlinge discussie, goede refinement sessies, reviews en écht teamwork. Je hebt de vrijheid om de dingen te doen zoals jij

Bekijk vacature »

Web Developer

Help jij graag mee met het optimaliseren van ons platform? Solliciteer dan naar de functie Web Developer. Op ons hoofdkantoor in Amsterdam krijg je alle ruimte om je kwaliteiten te tonen. Wil jij daarbij ook nog eens programmeren aan de back-end? Ook dat is mogelijk als Full Stack Web Developer! Jouw baan ChipSoft maakt breed gebruik van webtechnologie voor de ondersteuning van administratieve processen. Als ontwikkelaar ben je verantwoordelijk voor het onderhouden en verbeteren van de applicaties op ons platform. Samen met je bedenk en bespreek je oplossingen en voer je code-reviews uit om elkaar naar een nóg hoger niveau

Bekijk vacature »

IT-Traineeship junior software programmeur

Zoek jij een stevige uitdaging en de mogelijkheid om veel nieuwe dingen te leren in een dynamisch vakgebied? Doe mee aan ons IT Professional Program en ontwikkel jezelf tot software engineer! Je begint met een opleidingstraject van ongeveer 4 maanden. Hierin ga je aan de slag met verschillende technieken die je op conceptueel niveau leert te overzien en interpreteren. Onderwerpen die aan bod komen zijn o.a. programmeren (Java/C#/Python), Object Oriëntatie, Databases, Webservices & webtechnologieën, Domain Driven Design en Continuous Integration/Continuous Delivery. Sommige van deze onderdelen sluit je af met een examen en bijbehorende certificering. Het opleidingstraject zelf sluit je af

Bekijk vacature »

IT Manager

IT Manager Breda, 36-40 uur per week Je weet snel te schakelen tussen strategisch IT-beleid en de dagelijkse gang van zaken. Verder ben je een doorgewinterde professional, die helder kan verwoorden wat ervoor nodig is om onze IT-omgeving optimaal te laten functioneren. Daarnaast kun je goed leidinggeven en gaat samenwerken met ervaren en niet-ervaren gebruikers van onze IT-oplossingen je makkelijk af. Op IT-vlak weet je goed wat je wilt, maar je bent ook uitstekend in staat om buiten de kaders te denken wanneer je ergens een oplossing voor zoekt. Daarbij ben je een echte doener. Problemen die op je pad

Bekijk vacature »

.NET developer Azure devops en .NET Core

Bedrijfsomschrijving De organisatie bestaat al zo’n 20 jaar en is een dienstverlener voor de overheid. Ze verzamelen en structureren belangrijke gegevens waardoor de overheid inzichten krijgt en juiste beslissingen kan maken. Het is geen overheidsinstelling maar een dynamische organisatie die belangrijke taken voor de overheid verricht. Er hangt een fijne werksfeer, collega’s lopen zo bij elkaar naar binnen en lunchen vaak gezellig samen. Ze vinden het hier belangrijk dat je met de organisatie meegroeit, daarom worden er verschillende opleidingsmogelijkheden geboden. Functieomschrijving Je komt te werken in een van de Scrumteams die ook weleens van samenstelling wisselen. In totaal zijn er

Bekijk vacature »

SharePoint Developer

NO Relocation Opportunity for a SharePoint Developer to support the UK & European business of our client. As a SharePoint Developer you will build and manage the Intranet / Extranet and the core business management system. Combining both client facing with hands-on technical development and delivery, the SharePoint developer will ensure solutions are delivered with a particular focus on Microsoft cloud-based technologies. Client Details NO Relocation Key-Account of Michael Page Multinational owner-operator-developer of products and services The successful candidate will join a highly collaborative and multinational team and a growing business as our client embarks on their IT and Digital

Bekijk vacature »

P - ETL Developer

Looking for a freelance ETL Developer i am looking for a freelance ETL Developer for a project in financial services. * Start: 4 January * Duration: 12 months * Hours per week: 40 * Location: Amsterdam (mostly working from home) Your impact as ETL Developer As senior ETL developer you will be able to discuss and develop the best technical solution with the team, but also are capable to discuss what should and should not be done from forward looking (business) perspective. What doe you bring as ETL Developer * 8 year's working experience as ETL Developer / Specialist *

Bekijk vacature »
Robin S

Robin S

22/05/2012 13:27:54
Quote Anchor link
Beste leden,

Op dit moment heb ik een jQuery image slider. Door op previous of next te klikken kan ik wisselen tussen de verschillende afbeeldingen.

Echter wil ik graag dat deze ook met de pijltjes toetsen te besturen te zijn, maar ik heb geen idee hoe ik dit kan inbouwen.

Dit is de functie die de prev en next aanstuurt:
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
        _initEvents            : function( options ) {
            var instance             = this;
            instance.NavNext.bind('click.slicebox', function( event ) {
                instance.navigate( 'next', options );
            });
            instance.NavPrev.bind('click.slicebox', function( event ) {
                instance.navigate( 'prev', options );
            });
            instance.OptionPlay.bind('click.slicebox', function( event ) {
                if( !instance.isSlideshowActive ) {
                    if( instance.animating ) return false;
                    
                    instance.isSlideshowActive    = true;
                    
                    instance._slideshow( options, true );
                    
                    instance.OptionPlay.addClass('rb-nav-pause').removeClass('sb-nav-play');
                }
                else {
                    instance._stopSlideshow();
                }
            });
            instance.OptionInfo.bind('click.slicebox', function( event ) {
                if( !instance.info ) {
                    instance._showInfo();
                }
                else {
                    instance._hideInfo();
                }
            });
        },


Iemand die mij kan helpen hiermee? Alvast heel erg bedankt!

Mvg,
Robin.
 
PHP hulp

PHP hulp

26/01/2021 00:09:10
 

22/05/2012 13:31:58
Quote Anchor link
Heb even gegoogled misschien kun je hier wat mee?

$(document).keydown(function(e){
if (e.keyCode == 37) {
alert( "left pressed" );
return false;
}
});

Character codes:

37 - left

38 - up

39 - right

40 - down
 
Robin S

Robin S

22/05/2012 13:41:19
Quote Anchor link
@Daan: Dankjewel! Maar die had ik inderdaad al gevonden.

Het probleem is dat ik niet weet hoe ik dit in bovenstaande functie kan toevoegen.
 
Jeroen VD

Jeroen VD

22/05/2012 14:23:57
Quote Anchor link
gewoon zoals het hierboven staat. wanneer er op een pijltjestoets gedrukt is verwijs je door naar de slide functie.
als doe je wel moeilijk met die slide, en dit is niet alles?
 
Reshad F

Reshad F

22/05/2012 14:26:54
Quote Anchor link
ipv die alert. roep je die leftbutton aan om geklikt te worden en net zo bij rechter button bijv.
 
Robin S

Robin S

22/05/2012 14:41:28
Quote Anchor link
Ik heb geen idee hoe ik dit dan moet samenvoegen? En waar ik dit moet plaatsen?
 
Jeroen VD

Jeroen VD

22/05/2012 14:44:24
Quote Anchor link
dit is niet de hele slider, ofwel? heb je hem zelf gemaakt?
 
Robin S

Robin S

22/05/2012 14:49:11
Quote Anchor link
Nee dit is niet de hele slider, het is slicebox:
http://tympanus.net/codrops/2011/09/05/slicebox-3d-image-slider/

En het voorbeeld dat ik gebruik is:
http://tympanus.net/Development/Slicebox/index4.html
 

22/05/2012 15:02:33
Quote Anchor link
Probeer dit is heb het niet getest.

initEvents : function( options ) {

$(document).keydown(function(e){
var instance = this;
if (e.keyCode == 39) {
instance.NavNext.bind('click.slicebox', function( event ) {
instance.navigate( 'next', options );
});
} elseif (e.keyCode == 37) {
instance.NavPrev.bind('click.slicebox', function( event ) {
instance.navigate( 'prev', options );
});
}
instance.OptionPlay.bind('click.slicebox', function( event ) {
if( !instance.isSlideshowActive ) {
if( instance.animating ) return false;

instance.isSlideshowActive = true;

instance._slideshow( options, true );

instance.OptionPlay.addClass('rb-nav-pause').removeClass('sb-nav-play');
}
else {
instance._stopSlideshow();
}
});
instance.OptionInfo.bind('click.slicebox', function( event ) {
if( !instance.info ) {
instance._showInfo();
}
else {
instance._hideInfo();
}
}
});
},
 
Robin S

Robin S

22/05/2012 15:10:15
Quote Anchor link
@Daan: Bedankt voor het helpen, maar dit werkt helaas niet. De hele slider is met bovenstaande code niet meer zichtbaar.
 

22/05/2012 15:17:04
Quote Anchor link
Ben niet zo'n held in jquery maar kon het proberen haha:p
 
Kris Peeters

Kris Peeters

22/05/2012 15:28:28
Quote Anchor link
Het simpelst wat je kan doen, is een keystroke opvangen.
Daarmee trigger je een click op de juiste knop.

Dan lijkt het dus alsof je gewoon op die knop hebt gedrukt en kom je zo weinig mogelijk in aanvaring met de logica van de slicer

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
      $(function() {
        // slicebox aanmaken
        $('#sb-slider').slicebox({
          slicesCount      : 5,
          disperseFactor    : 30,
          sequentialRotation  : true,
          sequentialFactor  : 100
        });
        // zorg er voor dat je, bij een keystroke een klik op de prev / next knop triggert
        $(document).keydown(function(e) {
          if (e.keyCode == 37 || e.keyCode == 38) {  // left or up
            e.preventDefault();
             $('.sb-nav-prev').click();
          }
          if (e.keyCode == 39 || e.keyCode == 40) {  // right or down
            e.preventDefault();
             $('.sb-nav-next').click();
          }
        });
// ...        
      });
 
Robin S

Robin S

22/05/2012 15:48:53
Quote Anchor link
@Kris: Hartstikke bedankt! Je script werkt helemaal perfect!

Heeft iemand enig idee hoe ik de beweging ook met de muis kan toevoegen? Dat als je de muisknop indrukt en naar rechts beweegt dat de slider naar rechts beweegt, en andersom?
 



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.