jQuery cloudzoom

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Senior Java developer

Dit ga je doen Jouw taken als Senior Java Developer zijn: Het maken van strategische keuzes omtrent de nieuwbouw van applicaties; Het maken van technische ontwerpen; Hands-on mee ontwikkelen met het team (met o.a. Java FX, JDBC, SQL, REST, Jax-RS, JSON, Maven, JUnit en Spring (boot)); Reviewen van code en feedback geven op collega developers; Analyseren en oplossen van bugs/incidenten door het onderlinge verband te kunnen leggen van verschillende losstaande systemen. Hier ga je werken Het bedrijf waar je als Senior Java Developer komt te werken staat internationaal bekend om het testen van bodemstructuren door middel van echotechnieken en beeldherkenning.

Bekijk vacature »

Software Developer / .NET / Azure

Dit ga je doen Als Lead .NET Software Developer zal je je bezig houden met: Het vertalen van bedrijfswensen naar een technische roadmap; Uitwerken van nieuwe architectuur / designs; Het team aansturen en motiveren; Toezien op de kwaliteit van de code; Mee ontwikkelen van nieuwe features en applicaties. Hier ga je werken Deze organisatie is op dit momenteel marktleider in het ontwikkelen van productielijnen voor de voedselindustrie en heeft een wereldwijd klantnetwerk. Binnen deze organisatie is het team van software developers dagelijks bezig met het ontwikkelen van maatwerk oplossingen om alle productiemachines aan te sturen, maar ook bedrijf kritische applicaties

Bekijk vacature »

Back-end programmeur

Functieomschrijving Heb jij kort geleden jouw HBO ICT diploma in ontvangst mogen nemen? Of ben je toe aan een nieuwe uitdaging? Voor een uitdagende werkgever in omgeving Waalwijk zijn wij op zoek naar een enthousiaste softwareontwikkelaar met kennis of ervaring met C# en SQL. In een uitdagende rol als C#.NET Developer werk je samen met een enthousiast en informeel team aan het bouwen van maatwerk software voor variërende klanten. Verder ziet jouw takenpakket er als volgt uit: Je draagt bij aan de implementatie van aanpassingen, verbeteringen en aanvullingen in de C# based applicaties; Je houdt je bezig met het ontwikkelen

Bekijk vacature »

Fullstack developer - medior

Functie omschrijving Ben jij toe aan een nieuwe uitdaging en zou jij graag bij een platte maar informele organisatie willen werken? Voor een mooi softwarebedrijf in omgeving Dordrecht zijn wij op zoek naar versterking voor op de afdeling Software Development! Als Fullstack developer wordt je bij dit bedrijf onderdeel van de volledige ontwikkeling van requirement tot oplevering! Werkzaamheden Jouw focus ligt op de front end en alles wat daarbij komt kijken. Je gaat ontwerpen, ontwikkelen, testen en valideren. Je zult voornamelijk werken met React.js en Typescript. Maar ook Javascript, HTML en CSS komen aanbod. Daarnaast zal je ook regelmatig met

Bekijk vacature »

PHP developer

Functie omschrijving Voor een klein bedrijf in de buurt van Nieuwegein zijn wij per direct op zoek naar een talentvolle PHP developer. Er wordt veel ruimte geboden voor eigen initiateven, waardoor je een mooie stempel kan drukken op jouw eigen werkzaamheden (zowel operationeel als strategisch). Het bedrijf heeft middels externe programmeurs een multimedia platform ontwikkeld, maar willen geleidelijk de ontwikkeling naar binnen halen. Om die reden zoeken zij een communicatieve interne PHP developer die graag meebouwt aan het succesvolle product. Je gaat de volgende werkzaamheden verrichten: Platform beheren en programmeren (PHP, MySQL, JQuery, Javascript, XML & HTML); Communicatie en aansturing

Bekijk vacature »

Functioneel Applicatiebeheerder

Wij van CNB zijn op zoek naar een leergierige Functioneel Applicatiebeheerder CNB is de grootste dienstverlener in de markt van bloembollen en vaste planten. In deze markt verricht CNB de volgende diensten: bemiddeling, veilen en het koelen en prepareren van bloembollen. Vanuit ons hoofdkantoor in Lisse werken bijna 100 collega’s dag in dag uit aan de bemiddeling van bloembollen. In Bovenkarspel vindt het koelen en prepareren van de bloembollen plaats. Wij zijn op zoek naar een enthousiaste Functioneel Applicatiebeheerder die naast een applicatie, ook sfeer kan bouwen! Jij: Vindt het leuk om binnen een klein IT-team aan de slag te

Bekijk vacature »

Back end Node.js developer

Functie Het ontwikkelteam bestaat momenteel uit 5 (back-end) Developers, 2 systeembeheerders, 1 DevOps engineer, 1 Tech Lead en 2 Scrum Masters. Samen wordt er doorontwikkeld aan twee SaaS-platformen die in een hoog tempo doorontwikkeld moeten worden. Omdat innovatie een belangrijk speerpunt binnen de organisatie is, wordt er ook continu naar snellere en slimmere oplossingen te bedenken en realiseren. Als Back-end Developer hou jij je dagelijks bezig met vraagstukken zoals: API-development, high volume datastromen, het ontwikkelen van Bots aan de hand van A.I. Daarnaast denk en werk jij mee aan de onlineapplicaties voor klanten. Er wordt zelfstandig en in teamverband gewerkt

Bekijk vacature »

.NET developer

Functie Als .NET ontwikkelaar start jij in een multidisciplinair team met 7 ontwikkelaars. Dit team is verdeeld onder Front-end ontwikkelaars en backend developers. De backend developers werken voornamelijk aan desktop applicaties in combinatie met backend systemen. Hier ga jij dus ook mee aan de slag! Hierbij wordt voornamelijk gebruik gemaakt van C# .NET, WPF, UWP, XAML en MVVM. WPF, UWP, .NET Core, Azure Devops en Entity Framework. WPF en UWP worden dan ook voornamelijk gebruikt voor de user interface van de desktop applicatie. Het development team is dan ook erg gedreven m.b.t. het ontwikkelen van vooruitstrevende en innovatieve horeca automatiseringsoplossingen.

Bekijk vacature »

Anaplan Developer

Dit ga je doen What are you going to do: Picking up Stories: Design planning had, how are we going to build it in Anaplan; Talking to the end user to build a forecasting model; Having contact with the data team about which data is needed; Being able to convert an Excel sheet into a 3, 4 or 5 dimensional modeling environment; Giving knowledge sessions about Anaplan; Solving incidents; Making instructional videos on how teams should read forecasts; Writing blogs about forecasting. Hier ga je werken We are looking for an Anaplan Builder to deliver end-to-end solutions within a big

Bekijk vacature »

Medior/senior PHP ontwikkelaar E-commerce

Functie Het software development team bestaat momenteel 5 scrum teams . Ieder team heeft een eigen SCRUM Master en eigen tester. Zij werken voornamelijk in PHP en met hun eigen geschreven framework wat Symfony based is . Jij bent samen met je collega’s verantwoordelijk voor het interne softwaresysteem en alle projecten die daar omheen lopen. Alles wat jij ontwikkelt, wordt direct toegepast en uitgerold (wereldwijd). Dit maakt jouw werk tastbaar en uitdagend! Een greep uit jouw werkzaamheden: Toevoegen en ontwikkelen van nieuwe functionaliteiten Logistieke software ontwikkelen voor intern gebruik Tientallen gigabytes aan data inzichtelijk maken Altijd op zoek gaan naar

Bekijk vacature »

.NET developer

Functie Jij begint als .NET ontwikkelaar in een team met 10 andere Software Engineers. De werkzaamheden zijn afwisselend, zo kan het dat jij bezig bent met volledig nieuwe features of het door ontwikkelen van bestaande sites of shops. Wij ontwikkelen web applicaties, maar ook mobiele applicaties. Daarnaast bijt jij je soms ook van in externe koppelingen met systemen zoals een ERP. Als team is er een duidelijke focus m.b.t. het waarborgen van de performance en snelheid van webshops. Ook zijn wij expert op het gebied van configuratoren. Kortom enorm veel afwisselende werkzaamheden! Ook jouw werkplek kan afwisselend zijn. Soms heb

Bekijk vacature »

Front end developer

Functie Binnen de functie van Front-end developer werk je mee aan uitdagende klantprojecten. In teamverband werk je aan de voorkant van onze state-of-the-art portaal oplossingen en apps. Dit alles gebeurt in een multidisciplinaire omgeving waarbij je de ruimte hebt om te sparren, je ideeën scherp te stellen, en waar je met de benodigde kennis en ervaring om je heen altijd terecht kunt bij je collega’s voor vragen en ondersteuning. Meestal werk je vanuit ons kantoor maar we bieden ook alle faciliteiten om thuis te kunnen werken. Voor sommige projecten ga je mee naar de klant, wellicht zelfs in het buitenland!

Bekijk vacature »

Full stack developer Python, React

Functie Jij als full stack developer komt binnen onze Technology afdeling te werken. Deze bestaat momenteel uit 15 man. De stack waarmee wij werken is voornamelijk Python, Javascript, React en GraphQL. Binnen deze afdeling wordt er met multidisciplinaire teams gewerkt aan verschillende projecten. Projecten duren vaak langer dan 3 maanden en je bent van begin tot eind vaak betrokken. Naast dat je als full stack ontwikkelaar aan de slag gaat ben je ook Consultant. Dit betekent dat je ook klantcontact hebt in je rol en werkshops geeft. De verhouding tussen deze werkzaamheden zijn ongeveer 70% development en 30% consultancy. Een

Bekijk vacature »

Junior .NET Software Developer

Dit ga je doen Software development met behulp van C# .NET en / of PHP, je mag zelf kiezen waar jij je in wil specialiseren Meedenken over het nieuwe pakket, waar moet het aan voldoen? Unit-, integratie- en diverse andere tests schrijven en uitvoeren Nauw samenwerken met je IT collega's zoals Testers, Developers, DevOps Specialisten en Architecten Jezelf ontwikkelen met behulp van trainingen en cursussen Hier ga je werken Onze klant, een grote speler in de medische sector, is op zoek naar een enthousiaste junior (of meer ervaren) Software Developer die klaar is voor een nieuwe stap in zijn of

Bekijk vacature »

Junior Back end developer PHP, Symfony

Functie Wij hebben onlangs onze eerste collega’s aangenomen, waardoor ons development team momenteel uit 4 personen bestaat. We bouwen onze software op basis van een PHP-framework (wat op zichzelf een Symfony framework is). Qua ontwikkeling focussen wij ons op 3 focus velden; – API-ontwikkeling/ Component Creatie – Implementatie – Framework ontwikkeling; het toevoegen van nieuwe functionaliteit of interne microservices Onze senior software engineer focust zich momenteel op de laatste twee punten, maar wij komen handen te kort op het eerste veld. Daarom zijn wij op zoek naar een enthousiaste junior software engineer die graag de kneepjes van het vak wil

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

26/05/2026 13:11:58
 
- 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.