jQuery cloudzoom

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Software Ontwikkelaar PHP

Functie omschrijving Full Stack Software Ontwikkelaar gezocht! Voor een bedrijf in de regio van Ermelo zijn wij op zoek naar een Software Ontwikkelaar die gaat bijdragen aan het door ontwikkelen, onderhouden en optimaliseren van SaaS applicatie van dit bedrijf. Hierbij ga jij voor- en samenwerken met de klanten van de organisatie, het is hierbij dus van groot belang dat je communicatief vaardig bent en dat je beschikt over beheersing van zowel de Nederlandse als Engelse taal. Bedrijfsprofiel Waar ga je werken? Altijd al in een echt familiebedrijf willen werken? Dan is dit je kans! Het bedrijf waar je komt te

Bekijk vacature »

Android developer

De functie Schiphol is een plek om te reizen, te verblijven en te werken. Door middel van data en technologie richten we op al deze gebieden het leef- en werkklimaat optimaal in en zorgen we voor een slimmere en efficiëntere operatie. Wij ontwikkelen nieuwe producten en diensten vanuit de wensen en behoeften van onze klanten, voorspellen passagier flows en testen digitale oplossingen om rijen en andere pijnpunten in het proces te verminderen. Met slimme feedback van sensortechnologie maken we zelfs data van toiletten en stoelen inzichtelijk en bruikbaar. Het Commercial Platform bestaat uit multidisciplinaire teams met een end-2-end verantwoordelijkheid voor

Bekijk vacature »

Applicatiebeheerder/ Ontwikkelaar

Dit ga je doen - Verantwoordelijkheid dragen voor het complexe applicatielandschap; - Schakelen met eindgebruikers en leveranciers; - Verdeling in werkzaamheden tussen dagelijks beheer ontwikkelen; - Het analyseren van de behoeften van gebruikers en het vertalen hiervan naar functionele specificaties voor de applicaties; - Actief bijdragen aan het leveren van passende oplossingen voor het applicatielandschap. Hier ga je werken Deze organisatie, gevestigd in de regio van Amsterdam is een van de meest toonaangevende mediaorganisaties in Nederland. Door de organisatiecultuur krijg jij veel ruimte om initiatief te nemen en zelfstandig aan het werk te gaan. Samen met het IT team zorg

Bekijk vacature »

Traineeship Front-end developer (WO, 0 tot 3 jaar

Functie Zoals beschreven ga je vanaf start aan de slag bij een passende opdrachtgever, hierbij kijken ze echt naar jouw wensen, kennis/ervaring maar ook de reisafstand. Momenteel hebben ze meerdere klanten waarbij ze groepen hebben opgezet wat maakt dat er diverse uitdagende kansen liggen. Naast het werken bij de opdrachtgever, en het volgen van de masterclasses, zul je regelmatig met de andere trainees in contact zijn. Niet alleen op professioneel vlak maar juist ook bij de borrels en kwartaaluitjes! Kortom; een jaar lang hard aan jezelf werken in combinatie met gezelligheid en plezier. Spreek dit jou aan? Dan komen we

Bekijk vacature »

Fullstack Software Developer

Functieomschrijving Voor een ambitieuze werkgever in regio Roosendaal zijn wij op zoek naar een Full Stack C#.NET Developer. Als software programmeur ben je verantwoordelijk voor het bouwen van webapplicaties, apps en dashboards voor de eigen IOT-oplossingen. Je werkt samen met andere developers en engineers om de sensoren in machines uit te lezen en deze data om te zetten in management informatie voor jullie klanten. Taken en verantwoordelijkheden: Verder ontwikkelen en onderhouden van webapplicaties, dashboards en apps voor de eigen IOT-oplossingen; Testen en goedkeuren van de software; Je gaat aan de slag met de volgende technologieën en frameworks: C#, JS frameworks,

Bekijk vacature »

Traineeship Full Stack Java developer

Dit ga je doen Start jij op 7 augustus bij de Experis Academy dan kickstart jij jouw IT-carrière! We leiden je op tot een gewilde Full Stack Java Developer met alle kennis en vaardigheden die nodig zijn om de arbeidsmarkt te betreden. Wat kun je verwachten, hoe zit een dag in het leven van een Trainee eruit? Periode 1 Als Full Stack Java Developer Trainee volg je vanuit huis een op maat gemaakte onlinetraining die in het Engels wordt gegeven. De tijd die je kwijt bent aan het volgen van de training kun je vergelijken met een fulltime werkweek. In

Bekijk vacature »

Back-end Developer

Functieomschrijving Heb jij kort geleden jouw HBO ICT diploma in ontvangst mogen nemen? Of ben je toe aan een nieuwe stap? Voor een softwarebedrijf in regio Oosterhout zijn wij op zoek naar een back-end developer met kennis of ervaring met C# en SQL. Je draagt bij aan de implementatie van aanpassingen, verbeteringen en aanvullingen in de C# based applicaties; Je test de software en ontwikkelt deze door; Je brengt de aanpassingssuggesties van klanten in kaart, om ze vervolgens te analyseren en daarna te concluderen of de aanpassing een verbetering is; Je houdt je bezig met het ontwikkelen van nieuwe functionaliteiten;

Bekijk vacature »

Developer Low-code

Dit ga je doen Low-code ontwikkeling van software voor landelijk bekende organisaties; Opleveren van mooie eindproducten, middels de Agile methodiek; Samenwerken in een team van 10 collega's; Direct contact met de eindklant over de gewenste oplossingen. Hier ga je werken Als Developer kom je te werken in de regio van Lelystad bij een organisatie die met toonaangevende klanten uit heel Nederland samen werkt. De producten en diensten van de organisatie bereiken miljoenen Nederlanders. Hierbij komt een grote hoeveelheid informatie kijken en deze moet discreet en veilig verwerkt worden. De processen die hierbij horen worden door het IT team vormgegeven. De

Bekijk vacature »

.NET developer

Functie Heb jij veel kennis van ASP.NET Webforms en wil jij juist de overstap maken naar ASP.NET Core? Wij zijn per direct op zoek naar een ervaren .NET Webdeveloper die met ons samen ons platform wilt herschrijven van ASP.NET Webforms naar ASP.NET Core. Voor jou de unieke kans om met ons samen te innoveren en kennis op te doen van de nieuwste technieken binnen de Microsoft Stack. Wij hebben een development team met 10 IT specialisten bestaande uit onder andere 4 backend .NET developers en twee front-end developers. Wij zijn continu bezig om ons als team en bedrijf te blijven

Bekijk vacature »

Mendix Developer

Functie Wat ga je doen als Mendix Developer? We leven in een wereld die snel ontwikkelt en veranderd, ook nemen bedrijfsbelangen toe en blijken risico’s moeilijker in te schatten, daarom wij op zoek naar Junior, Medior en Senior Developers die bedrijven kunnen helpen met hun screeningproces en zorgen dat deze efficiënt en 100 procent AVG compliant is. Het concept achter Mendix is duidelijk. De klant heeft een vraag/probleem. Dit kunnen we door middel van slimme software oplossen. In plaats van te werken met de nieuwste technieken en tools, wordt er gekozen voor het implementeren en maken van software dat op

Bekijk vacature »

3D BIM Add-on Developer

Als 3D BIM add- on ontwikkelaar bij KUBUS ontwikkel je add-ons (BCF Managers genaamd) voor de toonaangevende building information modeling (BIM) programma's Revit, Navisworks, Archicad, AutoCAD en Tekla Structures. BCF Managers maken gegevensoverdracht mogelijk tussen BIM-software en BIMcollab. Je werkt zowel aan de front- als aan de back-end. Als softwarebedrijf bevindt KUBUS zich in een unieke positie. We bouwen aan onze eigen producten die wereldwijd door tienduizenden gebruikers worden gebruikt. Ons bedrijf heeft precies de juiste grootte: groot genoeg om echt impact te maken in de markt, maar klein genoeg om als individuele ontwikkelaar invloed uit te kunnen oefenen en

Bekijk vacature »

Java Developer

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 »

React developer Inhouse cloudplatform

Functie De functie: Als front-end developer kom je te werken naast 2 andere front-end/React developers, waaronder één senior. Een hele mooie kans dus om in korte tijd veel nieuwe kennis en ervaring op te doen. Ze hebben momenteel veel werk hierin en daarom willen ze het team graag uitbreiden. Het is van belang dat je, zeker gezien het vele thuiswerken, in ieder geval al een aantal projecten hebt gedaan in React. Taken waar je aan kunt denken zijn het ontwikkelen van client-applicaties o.b.v. HTML5, React en andere open standaarden. Ook ben je nauw betrokken bij het implementeren van designs o.b.v.

Bekijk vacature »

.Net Front-end Ontwikkelaar

Wij zoeken een .Net Front-end Ontwikkelaar! Omschrijving Kun jij snel schakelen en ben je stressbestendig? Dan zoeken wij jou! Als .Net Front-end Ontwikkelaar help je mee aan de webapplicatie die over de hele wereld door allerlei bedrijven wordt gebruikt. Je werkt daarnaast mee aan nieuwe en verbeterde functionaliteiten en helpt met het oplossen van bugs. Over de opdrachtgever Je komt te werken in een ambitieus team dat zich blijft ontwikkelen. Dit is alle informatie die we nu kunnen delen over de werkplek. Als jij de .Net Front-end Ontwikkelaar bent voor deze job, vertellen we je snel nóg meer. Eisen Heb

Bekijk vacature »

Front-end Developer

Dit ga je doen Doorontwikkelen van software; Ontwikkelen en testen van nieuwe functionaliteiten; Implementaties van nieuwe functionaliteiten en updates; Verzorgen van technische migraties naar nieuwe frameworks; Verwerken van incidenten. Hier ga je werken Onze klant, gevestigd in de regio Amsterdam, draagt bij aan het verbeteren van de veiligheid en efficiëntie van de Nederlandse infrastructuur door het ontwikkelen van afgemeten software oplossingen. Zo passen zij location intelligence toe om onderhoud en reparaties efficiënt te laten verlopen. Verder zorgen deze systemen dat incidenten zo snel mogelijk worden opgelost. Als Front-end Developer ben jij samen met je team betrokken met het (door)ontwikkelen van

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

27/05/2026 08:37:26
 
- 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.