Streaming live at 10am (PST)

Jquery Zoom effect - works on Codepen but not Webflow


#1

Hi there,

I’ve got some Jquery code that works in Codepen but doesn’t seem to transfer to my Webflow folio page :

1] https://codepen.io/furnaceX/pen/gropBr

However, I have trimmed this to get it under the 10,000 character limit.

2] https://codepen.io/anon/pen/xmzVoB

I’ve applied it to the “experiment-3” page of my folio site, but it links the file to another url instead of zooming:

3] http://torias-ux-case-studies.webflow.io/experiment-3

The Read Only file for this site is as follows, and is the “experiment-3” page:
4] https://preview.webflow.com/preview/torias-ux-case-studies?utm_source=torias-ux-case-studies&preview=85c758dd4407b32dcedb7e3135862d33
(Go to “Experiment-3) page - I couldn’t generate the direct link!)

I’d really appreciate any insight! I could have snipped necessary code, put things in the wrong place, or possibility am lacking some kind of software to achieve this “Cloud-Zoom”, even though its working on codepen.

Thanks in advance!