Is there a way not to have an initial image to launch Bloxx and just a hypertext link? I want ‘see all images here’ - then when clicked it displays all the images…
Cheers
Exhibeo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Did you manage to solve your question? I’d like to achieve something similar without the initial image.
Cheers
Exhibeo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
No i didn’t
Exhibeo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
I don’t think there’s an easy way to do this currently. I’ll log a suggestion.
Joe
On 24 Jun 2014, at 15:34, Justin Easthall email@hidden wrote:
No i didn’t
Exhibeo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Exhibeo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Hi Justin, Sam,
I haven’t tried this, but I think it should be reasonably straightforward. You’ll want to hide the initial thumbnail from view to begin with, which is probably easiest by using Item>Extended on the Exhibeo Action item, (it’ll have to be a layer item) going to div style and adding an entry with “display” as the name and “none” as the value.
With that, you should be able to add an external hyperlink to anything you like, using
“javascript:window.item1Bloxx.showThumbs();”
Replace “item1” in that with the name of your Exhibeo Action item, as in the inspector palette.
Probably.
-Sim
On 04/03/2014 04:28, Justin Easthall wrote:
Is there a way not to have an initial image to launch Bloxx and just a hypertext link? I want ‘see all images here’ - then when clicked it displays all the images…
Cheers
Exhibeo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
I thought I should probably try this, it seems I was mis-remembering some things. Sorry for the false hope, with the way it is currently I can’t see any obvious way of getting at the function to start things rolling from the outside.
-Sim
On 24/06/2014 17:08, Simon Manning wrote:
Hi Justin, Sam,
I haven’t tried this, but I think it should be reasonably straightforward. You’ll want to hide the initial thumbnail from view to begin with, which is probably easiest by using Item>Extended on the Exhibeo Action item, (it’ll have to be a layer item) going to div style and adding an entry with “display” as the name and “none” as the value.
With that, you should be able to add an external hyperlink to anything you like, using
“javascript:window.item1Bloxx.showThumbs();”Replace “item1” in that with the name of your Exhibeo Action item, as in the inspector palette.
Probably.
-Sim
On 04/03/2014 04:28, Justin Easthall wrote:
Is there a way not to have an initial image to launch Bloxx and just a hypertext link? I want ‘see all images here’ - then when clicked it displays all the images…
Cheers
Exhibeo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Thanks for looking Simon
Best
Sam
Exhibeo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Try this;
https://dl.dropboxusercontent.com/u/795566/test/Bloxx-show/index.html
This will show the Bloxx images when the page loads but you can also use the ‘Show me the images’ text link at the foot of the page to show them as well.
I’ve lifted the code from my Exhibeo Extras Action which simply mimics a mouse click on the original image stack icon. If you make sure the original image is hidden with CSS then you can either open the images automatically when the page loads or when you click on a link on the page.
Take a look at the source code for the page and near the bottom of the code you should see the following;
<style>
/* Hide the original Bloxx thumbnail */
#item2 {
display:none;
}
</style>
<script type="text/javascript">//<![CDATA[
/* Show the Bloxx thumbs code start */
var d=document;
function ge(e,f){var b=e.getElementsByClassName(f);return b[0]}
function eventFire(b,c){if(b.fireEvent){(b.fireEvent("on"+c))}else{var a=d.createEvent("Events");a.initEvent(c,true,false);b.dispatchEvent(a)}};
function showThumbs(){
var t = ge(d,"thumb-container");
if (t){ eventFire(t,"click"); }
}
//remove the next line if you don't want the images to show automatically when the page loads
document.onload = showThumbs();
/* Show the Bloxx thumbs code end */
//]]>
</script>
Copy and paste the first block (style) into Page > HTML Markup > Before and the second (script) in Page > HTML Markup > Before . Remove the document.onload line if you just want to show the images via a link where your link will be;
javascript:showThumbs()
Regards,
Tim.
Exhibeo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Thanks Tim, that looks great! How do I go about setting up a text link?
Regards,
Sam
Exhibeo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Hi Sam,
Select the text you want to use as a link and choose Edit > Hyperlink. Select the External tab and javascript in the protocol menu. In the URL field make sure the text reads’
javascript:showThumbs()
OK the dialog and test the link. Assuming you’ve copied the CSS and script over (see my previous email) then the link should show the images in the gallery when clicked.
If you get stuck upload your working page and I’ll take a closer look.
Regards,
Tim.
On 24 Jun 2014, at 19:02, Sam Smith wrote:
Thanks Tim, that looks great! How do I go about setting up a text link?
Exhibeo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Hi Tim,
Take a look at http://www.georgemerrickservices.co.uk/gallery.html
That’s the page i’ve been using to test it all on. As you can see eventually i’d like to have a second link to a second gallery - if it’s possible.
Grateful for all your input
Best
Sam
Exhibeo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Hi Sam,
Take a look at this;
https://dl.dropboxusercontent.com/u/795566/test/Bloxx-show/index2.html
I think the issue was that you had the script bloc in the head of the document rather than at the foot (at before end ). I’ve updated the script slightly so you can now pass the ID of the gallery you want to show into the function. The ‘m2’ gallery works as expected but as this is the only one on the page it is rather hard for me to demonstrate how a second one would work. Having said that I’ve added a link on the second gallery button that will open up a ‘m3’ gallery if present.
Step through the code on that page and you should see the changes I made based on the original example.
Regards,
Tim.
On 24 Jun 2014, at 20:22, Sam Smith wrote:
Take a look at http://www.georgemerrickservices.co.uk/gallery.html
That’s the page i’ve been using to test it all on. As you can see eventually i’d like to have a second link to a second gallery - if it’s possible.
Grateful for all your input
Exhibeo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Thanks Tim, that’s perfect
Cheers
Sam
Exhibeo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Does anyone have any ideas how to get the javascript link to work in Internet Explorer?
Cheers
Sam
On 24 Jun 2014, 8:57 pm, Tim Plumb wrote:
Hi Sam,
Take a look at this;
https://dl.dropboxusercontent.com/u/795566/test/Bloxx-show/index2.htmlI think the issue was that you had the script bloc in the head of the document rather than at the foot (at before end ). I’ve updated the script slightly so you can now pass the ID of the gallery you want to show into the function. The ‘m2’ gallery works as expected but as this is the only one on the page it is rather hard for me to demonstrate how a second one would work. Having said that I’ve added a link on the second gallery button that will open up a ‘m3’ gallery if present.
Step through the code on that page and you should see the changes I made based on the original example.
Regards,
Tim.On 24 Jun 2014, at 20:22, Sam Smith wrote:
Take a look at http://www.georgemerrickservices.co.uk/gallery.html
That’s the page i’ve been using to test it all on. As you can see eventually i’d like to have a second link to a second gallery - if it’s possible.
Grateful for all your input
Exhibeo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Hi Tim / anyone with a suggestion,
I’ve tried without success to make this work in IE. Is the JavaScript text link unable to function in that environment? I have tried many variations but no luck. Any thoughts??
Best
Sam
On 24 Jun 2014, 5:22 pm, Tim Plumb wrote:
Try this;
https://dl.dropboxusercontent.com/u/795566/test/Bloxx-show/index.htmlThis will show the Bloxx images when the page loads but you can also use the ‘Show me the images’ text link at the foot of the page to show them as well.
I’ve lifted the code from my Exhibeo Extras Action which simply mimics a mouse click on the original image stack icon. If you make sure the original image is hidden with CSS then you can either open the images automatically when the page loads or when you click on a link on the page.
Take a look at the source code for the page and near the bottom of the code you should see the following;
Copy and paste the first block (style) into Page > HTML Markup > Before and the second (script) in Page > HTML Markup > Before . Remove the document.onload line if you just want to show the images via a link where your link will be;
javascript:showThumbs()Regards,
Tim.
Exhibeo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Hi Sam,
Older versions of IE (8 and below) don’t support getElementsByClassName which the code uses to locate the items to be activated on the page. The updated code (below and at https://dl.dropboxusercontent.com/u/795566/test/Bloxx-show/index.html) should enable these browsers to run the code without error.
Regards,
Tim.
<style>
/* Hide the original Bloxx thumbnail */
#item2 {
display:none;
}
</style>
<script type="text/javascript">//<![CDATA[
/* Patch old browsers that don't support getElementsByClassName */
if (!document.getElementsByClassName){
document.getElementsByClassName = function( classname ) {
var elArray = [];
var tmp = document.getElementsByTagName("*");
var regex = new RegExp("(^|\s)" + classname + "(\s|$)");
for ( var i = 0; i < tmp.length; i++ ) {
if ( regex.test(tmp[i].className) ) {
elArray.push(tmp[i]);
}
}
return elArray;
};
}
/* Show the Bloxx thumbs code start */
var d=document;
function ge(e,f){var b=e.getElementsByClassName(f);return b[0]}
function eventFire(b,c){if(b.fireEvent){(b.fireEvent("on"+c))}else{var a=d.createEvent("Events");a.initEvent(c,true,false);b.dispatchEvent(a)}};
function showThumbs(){
var t = ge(d,"thumb-container");
if (t){ eventFire(t,"click"); }
}
//remove the next line if you don't want the images to show automatically when the page loads
document.onload = showThumbs();
/* Show the Bloxx thumbs code end */
//]]></script>
On 5 Jul 2014, at 18:12, Sam Smith wrote:
I’ve tried without success to make this work in IE. Is the JavaScript text link unable to function in that environment? I have tried many variations but no luck. Any thoughts??
Exhibeo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Marvellous! Cheers Tim!!
Exhibeo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Tim,
I’ve returned to this project and noticed i’ve lost the following from the code
<!--new image map for the second gallery link -->
<map id="map2" name="map2">
<area alt="" coords="42,10,114,22" href="javascript:showThumbs('m3')">
</map>
Where should this code appear? At the moment the second gallery will not fire. Both the text links launch the same gallery. Everything I try does 't work.
Many thanks
Sam
Exhibeo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Hi Sam,
The call to the showThumbs function passes a reference to the thumbnail group to show (‘m2’ and ‘m3’ in the example below). This allows us to specify which thumbnail group will open when the link is clicked or the page is loaded. Click on the Bloxx thumbnail item in Freeway and see if you can see the ID of the parent item in the Inspector palette and add this to your link that opens the gallery.
If you get stuck send a link to an example page online and I’ll try and find time later today to take a closer look.
Regards,
Tim.
On 12 Aug 2014, at 08:49, Sam Smith wrote:
Where should this code appear? At the moment the second gallery will not fire. Both the text links launch the same gallery. Everything I try does 't work.
Exhibeo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Thanks for the quick response. I’ve changed the item names to correspond with the link but the galley link will only fire the one gallery not the second.
Look here for the test page
http://www.georgemerrickservices.co.uk/testing.html
So sorry for the hassle.
Kind regards
Sam
On 12 Aug 2014, 11:00 am, Tim Plumb wrote:
Hi Sam,
The call to the showThumbs function passes a reference to the thumbnail group to show (‘m2’ and ‘m3’ in the example below). This allows us to specify which thumbnail group will open when the link is clicked or the page is loaded. Click on the Bloxx thumbnail item in Freeway and see if you can see the ID of the parent item in the Inspector palette and add this to your link that opens the gallery.
If you get stuck send a link to an example page online and I’ll try and find time later today to take a closer look.
Regards,
Tim.On 12 Aug 2014, at 08:49, Sam Smith wrote:
Where should this code appear? At the moment the second gallery will not fire. Both the text links launch the same gallery. Everything I try does 't work.
Exhibeo mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options