jQuery cloudzoom

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Junior of medior .NET C# (web) ontwikkelaar, inhou

Ben je een junior of medior .NET C# ontwikkelaar en op zoek naar een nieuwe baan in Rotterdam? Een inhouse baan waar je werkt aan maatwerkapplicaties, direct contact hebt met klanten en samenwerkt met een leuk team van ontwikkelaars? Een baan waar je plezier haalt door de beste oplossing voor de klant te vinden? Wellicht dat deze organisatie dan iets voor jou is. Voor een software bedrijf in Rotterdam zijn we op zoek naar een .NET C# ontwikkelaar. Het bedrijf bestaat al meer dan 20 jaar en richt zich op het ontwikkelen van unieke software op maat (web, apps, desktop

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

DevOps Engineer Welkomstbonus € 5.000,-

DevOps Engineer senior 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 DevOps 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 »

Systeem ontwikkelaar / Software engineer

Systeem ontwikkelaar / Software engineer Artex BV, Aarle-Rixtel Artex BV te Aarle-Rixtel maakt deel uit van de beursgenoteerde multinational Hunter Douglas en is een toonaangevend bedrijf in de interieurbranche. Artex is in de markt bekend van o.a. de merken Artelux®, Kendix, De Ploeg, Your Edition en LOFT 79. Met onze 200 medewerkers willen wij voorop lopen op het gebied van ontwikkeling, productie, het ontwerpen en collectioneren van innovatieve en hoogwaardige raambekledingsproducten en meubelstoffen. Onze klanten zijn de betere gordijnspeciaalzaken, woninginrichters, meubelzaken, interieurarchitecten en de bekende meubelfabrikanten. Heb je een passie voor ICT, interesse in uitdagende projecten, ben je nauwkeurig en

Bekijk vacature »

Ervaren C#/Azure developer werkt mee aan backend p

Voor een innovatieve bouwonderneming die al meer dan 113 jaar bestaat, zijn wij op zoek naar ervaren .Net/C#/Azure developers. Het bedrijf bouwt een (pre-fab) huizenfabriek die 4000 woningen per jaar kan produceren. Deze woningen worden dan modulair op de bouwplaats in elkaar gezet en worden met duurzame (recyclebare) materialen gemaakt en geplaatst. Dit zonder PFAS en zeer weinig NOX. Als .Net developer maak je deel uit van een multidisciplinair team met andere .net developers, BI consultant, systeem- en applicatiebeheerders. Je gaat meebouwen aan de middleware-laag waar 30+ applicaties (waaronder erp systemen) gekoppeld kunnen worden. Deze integraties komen samen op het

Bekijk vacature »

Junior Developer Fullstack Java DevOps Cloud

Bedrijfsomschrijving Onze klant is een grote organisatie en is actief in de financiële sector. Binnen Europa bieden zij veel verschillende producten en diensten aan. De afdeling waar je komt te werken richt zich op het digitaliseren van primaire digitale processen. Wat digitale processen betreft lopen wij in Nederland ver voor op andere landen in Europa! Deze services wil de organisatie ook aanbieden aan hun collega’s en klanten in landen zoals België, Frankrijk en Duitsland. Jij en je team zijn verantwoordelijk voor de digitalisatie van de primaire processen en deze vervolgens te optimaliseren & automatiseren. Binnen het team zal je end-to-end

Bekijk vacature »

Systeembeheerder Windows Welkomstbonus € 5.00

Systeembeheerder Windows 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 Windows 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 »

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 »

Ervaren full-stack C# developer, .NET CORE, Typesc

Voor een ambitieuze en snelgroeiende organisatie de regio Rotterdam zijn we momenteel op zoek naar een .NET C# developer. De organisatie bestaat inmiddels ruim 15 jaar en heeft een systeem ontwikkeld waarmee bedrijven de informatie van grote en complexe projecten beter kunnen managen. Dit systeem is geheel webbased. Om hun globale ambities waar te maken zijn ze recentelijk begonnen het systeem geheel te herbouwen met de nieuwste technieken. Denk hierbij aan technieken als .NET CORE, Typescript, React, Kubernetes en Azure. Niet alleen betekent voldoende nieuwe technische uitdaging maar ook betekent dit dat je voor 80 tot 90% van je tijd

Bekijk vacature »

C# backend developer, Rotterdam

Voor een grote organisatie in Rotterdam zijn we op zoek naar iemand met ruime ervaring in het ontwikkelen van applicaties in .NET C#. Het gaat hier om een organisatie met een maatschappelijke impact. Hun systemen zijn gericht op een groot aantal klanten waarbij het belangrijk is dat de applicaties helder, toegankelijk en up-to-date zijn. Als .NET C# developer werk je aan uiteenlopende applicaties, APIs en het interne framework. Dit doe je binnen een SCRUM team en meedenkt binnen het hele proces. Het team bestaat uit meerdere C# developers variërend van medior tot senior. Er is dus veel kennis en ervaring

Bekijk vacature »

Mobile Developer in Oost-Nederland (Android en/of

Bedrijfsomschrijving Een unieke kans voor Mobile Developers in Oost-Nederland. Deze prachtige organisatie is namelijk opzoek naar een Mobile Developer. Mobile Development en Ops Engineering gaan hand in hand bij deze organisatie dat een hoog verantwoordelijkheidsgevoel draagt. Als organisatie ontwikkelt zij dan ook veelal mobiele applicaties ter inspiratie en ondersteuning van belangrijke sectoren in Nederland. Met het technische team van gepassioneerde developers en engineers voeren ze dagelijks veelal diverse, inspirerende en complexe werkzaamheden uit. Door gebruik van innovatieve software en de nieuwste platformen binnen de sector is deze klant dan ook zeker als vooruitstrevend te betitelen waar zijn enorm veel waarde

Bekijk vacature »

Medior Front-End Developer

Als medior Front-End Developer bij Coolblue verbeter je de gebruiksvriendelijkheid van onze webshop voor miljoenen klanten. Hoe word ik Medior Front-end Developer bij Coolblue? Als Medior Front-end Developer werk je aan de gebruiksvriendelijkheid van onze webshop voor miljoenen klanten. Je vindt het leuk om samen te werken met de UX designer om stories op te pakken. Je krijgt energie van het bedenken van creatieve oplossingen en presenteert dit graag binnen het team. Ook ben je trots op je werk en verwelkomt alle feedback. ‘’Ook Medior Front-end Developer worden bij Coolblue? Else de Boer legt je uit hoe je dat doet.’’

Bekijk vacature »

.NET Developer / Angular / React

Bedrijfsomschrijving Als onderdeel van een grote IT-dienstverlener is deze organisatie nu gegroeid tot een organisatie van bijna 30 man groot. Iedereen binnen deze organisatie houdt zich bezig met het ontwikkelen, beheren, onderhouden van bedrijfskritische applicaties. De organisatie ontwikkelt applicaties voor o.a. diverse grote zorgverzekeraars, maar ook de wat kleinere lokale bedrijven worden door deze organisatie ondersteund. In tegenstelling tot de moederorganisatie, werken de medewerkers bij deze organisatie gemiddeld drie tot vier dagen in de week gewoon op het eigen kantoor in Utrecht. Samen met een vast team ben je dus verantwoordelijk voor verschillende projecten die je veelal op één en

Bekijk vacature »

Medior C#.Net Developer

Bedrijfsomschrijving Deze organisatie is werkzaam in de e-commerce branche. Het is een snel groeiende internationale organisatie met ambitieuze medewerkers en ambitieuze groeiplannen. Het is een dynamische omgeving met veel uitdagende projecten. De organisatie is volledig overgegaan op de Agile werkwijze. Naast de twee huidige scrumteams zijn zij bezig met het opzetten van een derde scrumteam. Daarom zijn ze op zoek naar een fullstack .NET Software Engineer / Developer. Ze zoeken een Software Engineer / Developer die het leuk vindt applicaties helemaal opnieuw op te bouwen en zich bezig te houden met doorontwikkeling. Maar die het daarnaast ook leuk vindt om

Bekijk vacature »

Pagina: 1 2 volgende »

Robin S

Robin S

23/01/2013 12:26:49
Quote Anchor link
Beste leden,

Ik ben bezig met een webshop, en ik wil graag bij de product afbeelding een cloud zoom hebben. Nu heb ik alles ingebouwd volgend de handleiding, maar het werkt nog steeds niet:
http://pandamedia.nl/jaewhoo/collection/jae-whoo-limited-t-shirt-design/

Zoals je ziet werkt de mouse-over wel, echter hoort hij dan ook de afbeelding in te zoomen wat nu dus niet gebeurd...

Zo zou het moeten werken:
http://www.starplugins.com/cloudzoom/examples

Iemand enig idee wat ik fout doe?
 
PHP hulp

PHP hulp

21/01/2021 15:47:07
 
- Ariën -
Beheerder

- Ariën -

23/01/2013 12:32:34
Quote Anchor link
-nvm-
Gewijzigd op 23/01/2013 12:33:46 door - Ariën -
 
Robin S

Robin S

23/01/2013 12:34:18
Quote Anchor link
Zoomt hij ook de afbeelding in bij jou?
Hier werkt het in Chrome en Firefox allebei niet...
 
Tim S

Tim S

23/01/2013 13:09:17
Quote Anchor link
Heb je misschien ook wat relevante code, ik kon het zo snel niet vinden...
 
Robin S

Robin S

23/01/2013 13:19:32
Quote Anchor link
@Tim Slootweg:
Jazeker!
Dit heb ik tussen de head tags geplaatst:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
<link rel="stylesheet" type="text/css" href="http://pandamedia.nl/jaewhoo/wp-content/themes/JaeWhooTheme/cloudzoom.css" />
<script type="text/javascript" src="http://pandamedia.nl/jaewhoo/wp-content/themes/JaeWhooTheme/cloudzoom.js"></script>
<script type="text/javascript">
  CloudZoom.quickStart();
</script>


En de afbeelding roep ik zo op:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<img src="http://pandamedia.nl/jaewhoo/wp-content/uploads/2013/01/collection1.jpg" class="cloudzoom" data-cloudzoom = "zoomImage: 'http://pandamedia.nl/jaewhoo/wp-content/themes/JaeWhooTheme/img/collection_big.jpg' " style="float: left;" />


Het rare is dat de hover wel werkt, maar de zoom niet...
 
Tim S

Tim S

23/01/2013 13:49:48
Quote Anchor link
Als de hover wel werkt zit het probleem denk niet in het javascript gedeelte.

En in het voorbeeld staat ook image en zoomImage, jij heb alleen het laatste. Misschien heeft het er iets mee te maken.
 
Robin S

Robin S

23/01/2013 13:52:25
Quote Anchor link
Dit is het voorbeeld wat ik van de site heb gedownload:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
<img class = "cloudzoom" src = "images/small/image1.jpg"
             data-cloudzoom = "zoomImage: 'images/large/image1.jpg'" />


Zover ik kan zien komt mijn img tag overeen met deze.
 
Tim S

Tim S

23/01/2013 13:56:27
Quote Anchor link
Weet je zeker dat je zoomImage een grote afbeelding is en wat gebeurt er als je zoomImage weg haalt?
Gewijzigd op 23/01/2013 13:56:43 door Tim S
 
Robin S

Robin S

23/01/2013 14:01:59
Quote Anchor link
De grote afbeelding in mijn img tag is:
http://pandamedia.nl/jaewhoo/wp-content/themes/JaeWhooTheme/img/collection_big.jpg

Als ik zoomImage weghaal dan werkt de hover ook niet meer.
 
Tim S

Tim S

23/01/2013 14:15:35
Quote Anchor link
Je heb ook geen id
 
Robin S

Robin S

23/01/2013 14:21:15
Quote Anchor link
Moet ik dit invullen dan? En welke id moet ik kiezen?
Ik zie hier namelijk niets over terug in het voorbeeld van de site.
 
Tim S

Tim S

23/01/2013 14:24:05
Quote Anchor link
van de site:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
<img src="image1.jpg" id = "zoom1" class = "cloudzoom"
     data-cloudzoom = "zoomImage: 'bigimage1.jpg'" />


Het zou kunnen dat de plug-in een id nodig heeft, heet maakt dan volgens mij niet uit welke tenzij je deze kan instellen.
 
Robin S

Robin S

23/01/2013 14:25:24
Quote Anchor link
Ik heb de id toegevoegd, en helaas werkt dit ook niet.. :(
 
Tim S

Tim S

23/01/2013 14:33:16
Quote Anchor link
Je zou kunnen kijken of je dit voorbeeld wel aan de praat krijgt:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
<a  href="#" class="cloudzoom-gallery"
    data-cloudzoom =
         "useZoom: '#zoom1', image: 'image1.jpg', zoomImage: 'bigimage1.jpg'"
    >Image 1</a>
 
Robin S

Robin S

23/01/2013 14:35:58
Quote Anchor link
Als ik nu op "Image 1" klik krijg ik inderdaad de grote afbeelding:
http://pandamedia.nl/jaewhoo/collection/jae-whoo-limited-t-shirt-design/

Hoe kan ik dit werkend krijgen met de zoom functie?
 
Tim S

Tim S

23/01/2013 14:59:32
Quote Anchor link
Wat ik zie is dat je 2 keer een grote image heb, dit moet denk een kleine zijn. Misschien kan je useZoom ook wel in de img tag werkend krijgen.
 
Robin S

Robin S

23/01/2013 15:05:55
Quote Anchor link
Ik heb je voorbeeldje weer even weggehaald, en heb de useZoom in de img tag geplaatst:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<img class="cloudzoom" id="zoom1" src="http://pandamedia.nl/jaewhoo/wp-content/uploads/2013/01/collection1.jpg" data-cloudzoom = "useZoom: '#zoom1', zoomImage: 'http://pandamedia.nl/jaewhoo/wp-content/themes/JaeWhooTheme/img/collection_big.jpg' " style="float: left;" />


Maar zo te zien zijn we weer terug bij af...
 
Tim S

Tim S

23/01/2013 15:48:41
Quote Anchor link
Het voorbeeld van de website zou gewoon moeten werken, sleutelen in iets dat geld kost is zonde. Misschien eens kijken voor een alternatief:
http://www.tripwiremagazine.com/2012/12/jquery-image-zoom.html
 
Robin S

Robin S

23/01/2013 17:24:36
Quote Anchor link
Bedankt voor het advies!
Via jouw link ben ik bij DDpowerZoomer voor jQuery uitgekomen.
Ik heb alles ingebouwd zoals in de manual staat vermeld, en het vergrootglas werkt ook:
http://pandamedia.nl/jaewhoo/collection/jae-whoo-limited-t-shirt-design/

Echter valt deze achter de afbeelding in plaats van ervoor... Hoe kan ik het vergrootglas naar voren halen weer?
 
Tim S

Tim S

23/01/2013 18:59:45
Quote Anchor link
Ik je js bestand van ddpowerzoomer staat onderandere dit:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
init:function($){
        var $magnifier=$('<div style="position:absolute;width:100px;height:100px;display:none;overflow:hidden;border:1px solid black;" />')
            .append('<div style="position:relative;left:0;top:0;" />')


Dit is het enigste stukje waar ik css zie, je zou hier z-index aan kunnen toevoegen.
 
Robin S

Robin S

24/01/2013 18:30:50
Quote Anchor link
Helemaal top Tim!
Je had gelijk met z-index, het werkt prima nu! :D
 

Pagina: 1 2 volgende »



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.