I'd like Zoom.it to open automatically when an item page is reached. I'd like to remove the link that triggers zoom.it to launch. Looking at the plugin code it seems like I might need to remove the "click" function, but I'm not certain. Can you tell me how Zoom.it can be launched automatically?
<script type="text/javascript">
jQuery(document).ready(function () {
var imageviewer = jQuery('#zoomit_imageviewer');
jQuery('.zoomit_images').click(function(event) {
event.preventDefault();
imageviewer.empty();
imageviewer.append(
'<h2>Viewing: ' + jQuery(this).text() + '</h2>'
+ '<iframe src="' + this.href + '" '
+ 'width="<?php echo is_admin_theme() ? get_option('zoomit_width_admin') : get_option('zoomit_width_public'); ?>" '
+ 'height="<?php echo is_admin_theme() ? get_option('zoomit_height_admin') : get_option('zoomit_height_public'); ?>" '
+ 'style="border: none;"></iframe>');
});
});
</script>
I added one line near the bottom of the code that triggers the click event on the first list item once the document is ready. This should give you a starting point.
jQuery(document).ready(function () {
var imageviewer = jQuery('#zoomit_imageviewer');
jQuery('.zoomit_images').click(function(event) {
event.preventDefault();
imageviewer.empty();
imageviewer.append(
'<h2>Viewing: ' + jQuery(this).text() + '</h2>'
+ '<iframe src="' + this.href + '" '
+ 'width="<?php echo is_admin_theme() ? get_option('zoomit_width_admin') : get_option('zoomit_width_public'); ?>" '
+ 'height="<?php echo is_admin_theme() ? get_option('zoomit_height_admin') : get_option('zoomit_height_public'); ?>" '
+ 'style="border: none;"></iframe>');
});
jQuery('.zoomit_images').first().trigger('click');
});
Fantastic!!! Thanks it works wonderfully!
So I guess the trigger function calls the click function, so that the user does not actually have to physically click on the link for the events to happen?
It would be great to have comments on the plugin code to help us better understand the functionality.
do not understand where should I put this code, I am working on version 2.0 of Omeka
I got this to work on 2.1:
Plugins/Zoomit/Views/Shared/Common/Zoomit.php
And I added:
jQuery('.zoomit_images').first().trigger('click');
towards the middle of the code:
[0].contentWindow.document;
iframe.open();
iframe.write(data.content.embedHtml);
iframe.close();
}, 'jsonp');
});
jQuery('.zoomit_images').first().trigger('click');
});
</script>