Skip to content

Instantly share code, notes, and snippets.

@meiqimichelle
Last active June 27, 2017 20:04
Show Gist options
  • Save meiqimichelle/10000611 to your computer and use it in GitHub Desktop.
Save meiqimichelle/10000611 to your computer and use it in GitHub Desktop.
elevateZoom combined with Webflow slider
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="https://s3.amazonaws.com/Boorse/jquery.elevatezoom.js"></script>
<script>
if ($('#zoom_01.parentNode').css('visibility') !== 'hidden') {
$("#zoom_01").elevateZoom({
zoomWindowPosition: 11,
zoomWindowOffetx: -60,
zoomWindowFadeIn: 500,
zoomWindowFadeOut: 500
});
}
$(window).bind("load", function() {
$(".w-icon-slider-right").click(function() {
$("#zoom_02").elevateZoom({
zoomWindowPosition: 11,
zoomWindowOffetx: -57,
zoomWindowFadeIn: 500,
zoomWindowFadeOut: 500
});
$("#zoom_03").elevateZoom({
zoomWindowPosition: 11,
zoomWindowOffetx: -110,
zoomWindowFadeIn: 500,
zoomWindowFadeOut: 500
});
$("#zoom_04").elevateZoom({
zoomWindowPosition: 11,
zoomWindowOffetx: -40,
zoomWindowFadeIn: 500,
zoomWindowFadeOut: 500
});
});
$(".w-icon-slider-left").click(function() {
$("#zoom_02").elevateZoom({
zoomWindowPosition: 11,
zoomWindowOffetx: -37,
zoomWindowFadeIn: 500,
zoomWindowFadeOut: 500
});
$("#zoom_03").elevateZoom({
zoomWindowPosition: 11,
zoomWindowOffetx: -90,
zoomWindowFadeIn: 500,
zoomWindowFadeOut: 500
});
$("#zoom_04").elevateZoom({
zoomWindowPosition: 11,
zoomWindowOffetx: -20,
zoomWindowFadeIn: 500,
zoomWindowFadeOut: 500
});
});
$(".w-slider-dot").click(function() {
$("#zoom_02").elevateZoom({
zoomWindowPosition: 11,
zoomWindowOffetx: -37,
zoomWindowFadeIn: 500,
zoomWindowFadeOut: 500
});
$("#zoom_03").elevateZoom({
zoomWindowPosition: 11,
zoomWindowOffetx: -90,
zoomWindowFadeIn: 500,
zoomWindowFadeOut: 500
});
$("#zoom_04").elevateZoom({
zoomWindowPosition: 11,
zoomWindowOffetx: -20,
zoomWindowFadeIn: 500,
zoomWindowFadeOut: 500
});
});
});
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment