Knowledge Base |
Thumbnail Slider Pro V1
(views: 13166)
Thumbnail Slider is a navigation component that enables you to load a set of images,swf's or symbols from library,fed from an xml file ,through which you can scroll with the help of the arrows,or simply depending on the mouse position. Here are all known issues for Thumbnail Slider Pro V1. If you have any questions that you think we should discuss here please let us know.
Url Link
(2008-03-08 - views: 2963)
Q: Is there a way to create a url link from the large image in the loader instead of the thumbnail?
A: You can use the onReleaseThumb event to know when a thumbnail has been pressed and check for the "large" attribute of the target thumbnail to get the url of the large image.
var listEvents:Object = new Object();
listEvents.onReleaseThumb = function(obj:Object, arg:MovieClip, index:Number):Void {
trace("The large image path is: "+obj.large);
}
slider.addListener(listEvents);
If you also used our LoaderProV3 component along with the ThumbnailSlider and display the large image into it, you could get the url to the large image from the loader by checking the contentPath parameter:
trace("The large image path is: "+myLoader.contentPath);
var listEvents:Object = new Object();
listEvents.onReleaseThumb = function(obj:Object, arg:MovieClip, index:Number):Void {
trace("The large image path is: "+obj.large);
}
slider.addListener(listEvents);
If you also used our LoaderProV3 component along with the ThumbnailSlider and display the large image into it, you could get the url to the large image from the loader by checking the contentPath parameter:
trace("The large image path is: "+myLoader.contentPath);
User Comments
You can have Visit Website button
posted by negush on 2008-03-11
You can add extra attributes in the XML file, for each <item> node. Then you can access those attributes using ActionScript code, in one of the thumbnail related events (onPressThumb, onReleaseThumb and so on...). Once you read those attributes, you can do whatever you like with them.
Same Q: for Thumbnail List Pro
I tried to use the AS you provided in the A: above but the thumbnail keeps launching the url link instead of the large photo.
Please answer the Q: again for Thumnail List Pro.
Thanx.
posted by wpuser on 2008-07-24
Q: Is there a way to create a url link from the large image in the loader instead of the thumbnail?I tried to use the AS you provided in the A: above but the thumbnail keeps launching the url link instead of the large photo.
Please answer the Q: again for Thumnail List Pro.
Thanx.
Same Q: for Thumbnail List Pro
Next, just listen for an onPress or onRelease event on the large loader and use the property attached to it that holds your desired URL.
posted by negush on 2008-07-25
Simply add an extra attribute in the XML file for each <item> node (but give it a different name than "url") and give it as value, the actual URL you need. Then, when a thumbnail is selected (the onPressThumb or onReleaseThumb event) change the large image in the large loader and also attach a new property to that loader, containing the url attribute retrieved from the selected thumbnail.Next, just listen for an onPress or onRelease event on the large loader and use the property attached to it that holds your desired URL.
Not quite following this...
So using the combined components of Thumbnail/Loader Pro/MCTE, I added url='http://www.example.com' into my XML document (for the corresponding image).
Now, do I take above code and replace it with the actionscript that is already in the demo? Do I add to it? Do I need to further modify?
THanks,
posted by froduss on 2008-11-19
Ok, my goal is that when the large image appears, they are able to click on that instead of the thumnail and it will take them to the desired URL.So using the combined components of Thumbnail/Loader Pro/MCTE, I added url='http://www.example.com' into my XML document (for the corresponding image).
Now, do I take above code and replace it with the actionscript that is already in the demo? Do I add to it? Do I need to further modify?
THanks,
Not quite following this...
In your case you need to modify the code. The "url" attribute you've added in the xml file will be located on that particular thumbnail. So, in the onReleaseThumb event handler you'll be able to access it like this: obj.url (where obj is the first parameter of the event handler function). You can then take that url and assign it to a global variable, so you can have access to it from every part of your code.
Then, simply write a new onRelease event handler for the large loader and use the gotoURL() function to navigate to that url which you saved into the global variable I mentioned.
posted by negush on 2008-11-20
@frodussIn your case you need to modify the code. The "url" attribute you've added in the xml file will be located on that particular thumbnail. So, in the onReleaseThumb event handler you'll be able to access it like this: obj.url (where obj is the first parameter of the event handler function). You can then take that url and assign it to a global variable, so you can have access to it from every part of your code.
Then, simply write a new onRelease event handler for the large loader and use the gotoURL() function to navigate to that url which you saved into the global variable I mentioned.
Loading Movie Clips
posted by avgraphx on 2009-02-27
Can you load a movie clip in the library just like the Accordion panel or are you limited to external image files?
Loading Movie Clips
Yes Thumbnail Slider Pro V1 component enables you to load symbols from library.
posted by florodebat on 2009-03-02
Hello,Yes Thumbnail Slider Pro V1 component enables you to load symbols from library.
how to load javascript in xml file with thumbnail slider
posted by supaflyx on 2009-07-14
is the thumbnail slider support loading javascript url in xml file? ie; <img thumbnail =.... url="javascript:GroupDelegate('img1')" ....... />
call a JavaScript function when a thumbnai is clicked
url= "javascript:alert('you clicked me')"
posted by florodebat on 2009-07-15
I have tried to call a JavaScript alert when a thumbnail is clicked and it worked fine for me. Below is the sample coed I have added in the xml file. url= "javascript:alert('you clicked me')"
Login to post your comment
I don't want to launch the website link when the thumbnail is released.