Open modal window from Menu?
Posted: 07 Apr 2011, 13:30
Hi hi
I'm looking for a solution which will enable a Menu item to open a Modal Window (highslide) of a Phoca Gallery Category when clicked.
I can get a single image to open in a modal window in on click of a menu item, but the modal window styling isn't highslide ... and its only a single image - not a category. Here's what i've got so far ...
1) Using Jumi ->http://extensions.joomla.org/extensions ... I7fQ%3D%3D I've setup a module which loads javascript on a Phoca Gallery category page (sourced from http://stackoverflow.com/questions/3768 ... -page-load):
----
<script type="text/javascript">
// Use either domready or load event to open the modalbox
window.addEvent('domready', function(){
var myAnchor = new Element('a', {
'href': '/images/phocagallery/thumbs/phoca_thumb_l_jen raymond_067 copy.jpg',
'class': 'highslide',
'onclick' : "return hs.expand(this, { slideshowGroup: 'groupC0', wrapperClassName: 'wide-border', outlineType : 'rounded-white', dimmingOpacity: 0.8, align : 'center', transitions : ['expand', 'crossfade'], fadeInOut: true });"
});
SqueezeBox.fromElement(myAnchor);
});
</script>
------
My problem with the above method is:
1) The modal window isn't using 'highslide'
2) Only one image appears in the window - not the whole category
If anyone has a better method, or can see my errors in the code above PLEASE help me out.
And if you read this far into my post. Thank you very much
I'm looking for a solution which will enable a Menu item to open a Modal Window (highslide) of a Phoca Gallery Category when clicked.
I can get a single image to open in a modal window in on click of a menu item, but the modal window styling isn't highslide ... and its only a single image - not a category. Here's what i've got so far ...
1) Using Jumi ->http://extensions.joomla.org/extensions ... I7fQ%3D%3D I've setup a module which loads javascript on a Phoca Gallery category page (sourced from http://stackoverflow.com/questions/3768 ... -page-load):
----
<script type="text/javascript">
// Use either domready or load event to open the modalbox
window.addEvent('domready', function(){
var myAnchor = new Element('a', {
'href': '/images/phocagallery/thumbs/phoca_thumb_l_jen raymond_067 copy.jpg',
'class': 'highslide',
'onclick' : "return hs.expand(this, { slideshowGroup: 'groupC0', wrapperClassName: 'wide-border', outlineType : 'rounded-white', dimmingOpacity: 0.8, align : 'center', transitions : ['expand', 'crossfade'], fadeInOut: true });"
});
SqueezeBox.fromElement(myAnchor);
});
</script>
------
My problem with the above method is:
1) The modal window isn't using 'highslide'
2) Only one image appears in the window - not the whole category
If anyone has a better method, or can see my errors in the code above PLEASE help me out.
And if you read this far into my post. Thank you very much