# Slideshow or Image alpha **URL:** \ **Category:** Ignition\ **Created:** [April 26, 2012, 9:12am UTC](https://forum.inductiveautomation.com/t/slideshow-or-image-alpha/4354 "2012-04-26T09:12:17Z")\ **Posts on this page:** 16\ **Page:** 1
**Author:** ![marioquark](https://avatars.discourse-cdn.com/v4/letter/m/22d042/32.png) [@marioquark](https://forum.inductiveautomation.com/u/marioquark)\ **Post date:** [April 26, 2012, 9:12am UTC](https://forum.inductiveautomation.com/t/slideshow-or-image-alpha/4354/1 "2012-04-26T09:12:17Z")
is there a way to develope an image slideshow? i’m trying to make my own, but there’s no alpha on images, so nothing to do… any suggestion? tnx ---
**Author:** ![Travis.Cox](https://avatars.discourse-cdn.com/v4/letter/t/b9bd4f/32.png) [@Travis.Cox](https://forum.inductiveautomation.com/u/Travis.Cox)\ **Post date:** [April 26, 2012, 4:45pm UTC](https://forum.inductiveautomation.com/t/slideshow-or-image-alpha/4354/2 "2012-04-26T16:45:16Z")
Every component has a “visible” property which can be bound. It controls whether or not the component is shown. Secondly, the image component has an “Image Path” property that is just a string. You can bind it to an expression using a switch statement. If you want you can use a timer component from the misc tab of the component palette to swtich between them. Here is an example expression:[code]switch({Root Container.Timer.value}, 0,1,2,3, “Builtin/icons/16/arrow\_down\_green.png”, “Builtin/icons/16/arrow\_up\_green.png”, “Builtin/icons/16/arrow\_right\_green.png”, “Builtin/icons/16/arrow\_left\_green.png”, “Builtin/icons/16/arrow\_down\_green.png”)[/code] ---
**Author:** ![cbabb](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cbabb/32/49029_2.png) [@cbabb](https://forum.inductiveautomation.com/u/cbabb)\ **Post date:** [April 26, 2012, 5:14pm UTC](https://forum.inductiveautomation.com/t/slideshow-or-image-alpha/4354/3 "2012-04-26T17:14:16Z")
Hopefully I didn’t miss something, but what I’d like to have is the ability to use an image that does not have to be imported into the image library… I’d like to be able to throw them into a directory and just display them as needed… ---
**Author:** ![Travis.Cox](https://avatars.discourse-cdn.com/v4/letter/t/b9bd4f/32.png) [@Travis.Cox](https://forum.inductiveautomation.com/u/Travis.Cox)\ **Post date:** [April 26, 2012, 6:52pm UTC](https://forum.inductiveautomation.com/t/slideshow-or-image-alpha/4354/4 "2012-04-26T18:52:51Z")
Right, just set the image path property to the file location or url. ---
**Author:** ![Robert](https://avatars.discourse-cdn.com/v4/letter/r/e95f7d/32.png) [@Robert](https://forum.inductiveautomation.com/u/Robert)\ **Post date:** [April 26, 2012, 7:29pm UTC](https://forum.inductiveautomation.com/t/slideshow-or-image-alpha/4354/5 "2012-04-26T19:29:32Z")
Gateway or client file path? ---
**Author:** ![JordanCClark](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jordancclark/32/83362_2.png) [@JordanCClark](https://forum.inductiveautomation.com/u/JordanCClark)\ **Post date:** [April 26, 2012, 7:48pm UTC](https://forum.inductiveautomation.com/t/slideshow-or-image-alpha/4354/6 "2012-04-26T19:48:04Z")
Images, I think, are generally server-centric. I know you can use an http url (like [http://inductiveautomation.com/resources/com.inductiveautomation.website.BasePage/images/logos/logo.png](http://inductiveautomation.com/resources/com.inductiveautomation.website.BasePage/images/logos/logo.png)) to point elsewhere, but I haven’t been able to use a file:// url. ---
**Author:** ![Travis.Cox](https://avatars.discourse-cdn.com/v4/letter/t/b9bd4f/32.png) [@Travis.Cox](https://forum.inductiveautomation.com/u/Travis.Cox)\ **Post date:** [April 26, 2012, 8:03pm UTC](https://forum.inductiveautomation.com/t/slideshow-or-image-alpha/4354/7 "2012-04-26T20:03:29Z")
What version do you have? I think we added it in 7.4. ---
**Author:** ![marioquark](https://avatars.discourse-cdn.com/v4/letter/m/22d042/32.png) [@marioquark](https://forum.inductiveautomation.com/u/marioquark)\ **Post date:** [April 27, 2012, 7:04am UTC](https://forum.inductiveautomation.com/t/slideshow-or-image-alpha/4354/8 "2012-04-27T07:04:03Z")
i know i can use image sliding from sides or visibility, but i’d like something like fade in/out… the best i can do is placing a fading black rectangle on the top, to hide the img swap. not so good 😕 ---
**Author:** ![Travis.Cox](https://avatars.discourse-cdn.com/v4/letter/t/b9bd4f/32.png) [@Travis.Cox](https://forum.inductiveautomation.com/u/Travis.Cox)\ **Post date:** [April 27, 2012, 4:25pm UTC](https://forum.inductiveautomation.com/t/slideshow-or-image-alpha/4354/9 "2012-04-27T16:25:37Z")
We don’t have any transition effects in Ignition. You could use the paintable canvas component to fade an image in and out but it is not easy. I will add a ticket in to add transition effects to our image component. ---
**Author:** ![nathan](https://avatars.discourse-cdn.com/v4/letter/n/c5a1d2/32.png) [@nathan](https://forum.inductiveautomation.com/u/nathan)\ **Post date:** [April 28, 2012, 8:08am UTC](https://forum.inductiveautomation.com/t/slideshow-or-image-alpha/4354/10 "2012-04-28T08:08:30Z")
This sounds like a neat feature. +1! > [@Travis.Cox](#): > > We don't have any transition effects in Ignition. You could use the paintable canvas component to fade an image in and out but it is not easy. I will add a ticket in to add transition effects to our image component. ---
**Author:** ![marioquark](https://avatars.discourse-cdn.com/v4/letter/m/22d042/32.png) [@marioquark](https://forum.inductiveautomation.com/u/marioquark)\ **Post date:** [April 30, 2012, 6:56am UTC](https://forum.inductiveautomation.com/t/slideshow-or-image-alpha/4354/11 "2012-04-30T06:56:02Z")
perfect. thank you. ---
**Author:** ![cbabb](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cbabb/32/49029_2.png) [@cbabb](https://forum.inductiveautomation.com/u/cbabb)\ **Post date:** [April 30, 2012, 2:01pm UTC](https://forum.inductiveautomation.com/t/slideshow-or-image-alpha/4354/12 "2012-04-30T14:01:58Z")
> [@JordanCClark](#): > > Images, I think, are generally server-centric. I know you can use an http url (like [http://inductiveautomation.com/resources/com.inductiveautomation.website.BasePage/images/logos/logo.png](http://inductiveautomation.com/resources/com.inductiveautomation.website.BasePage/images/logos/logo.png)) to point elsewhere, but I haven't been able to use a file:// url. What's is the acceptable syntax for using a file or url in this property field? ---
**Author:** ![Travis.Cox](https://avatars.discourse-cdn.com/v4/letter/t/b9bd4f/32.png) [@Travis.Cox](https://forum.inductiveautomation.com/u/Travis.Cox)\ **Post date:** [April 30, 2012, 8:37pm UTC](https://forum.inductiveautomation.com/t/slideshow-or-image-alpha/4354/13 "2012-04-30T20:37:54Z")
For files you can use:`file://localhost/C:/myfolder/file.txt file://MyFileServer/resources/manuals/instructions.rtf `For urls use:`http://inductiveautomation.com/resources/com.inductiveautomation.website.BasePage/images/logos/logo.png`For images in our image browser you use their path:`Builtin/icons/16/add2.png` ---
**Author:** ![JordanCClark](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jordancclark/32/83362_2.png) [@JordanCClark](https://forum.inductiveautomation.com/u/JordanCClark)\ **Post date:** [April 30, 2012, 11:34pm UTC](https://forum.inductiveautomation.com/t/slideshow-or-image-alpha/4354/14 "2012-04-30T23:34:57Z")
Cool! Thanks, Travis! ---
**Author:** ![cbabb](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cbabb/32/49029_2.png) [@cbabb](https://forum.inductiveautomation.com/u/cbabb)\ **Post date:** [May 1, 2012, 2:17pm UTC](https://forum.inductiveautomation.com/t/slideshow-or-image-alpha/4354/15 "2012-05-01T14:17:59Z")
[quote=“Travis.Cox”]For files you can use:[code]file://localhost/C:/myfolder/file.txt [file://MyFileServer/resources/manuals/instructions.rtf](file://MyFileServer/resources/manuals/instructions.rtf) [/quote] No problem getting the localhost to work, but I cannot seem to get anything from a server… somerthing I’m missing? I’ve got a shared directory on the windows server with full control set… ---
**Author:** ![nathan](https://avatars.discourse-cdn.com/v4/letter/n/c5a1d2/32.png) [@nathan](https://forum.inductiveautomation.com/u/nathan)\ **Post date:** [May 1, 2012, 8:18pm UTC](https://forum.inductiveautomation.com/t/slideshow-or-image-alpha/4354/16 "2012-05-01T20:18:04Z")
Can you get to the exact same path with the Windows “run”? You would remove the file: and change all forward slashes to backslashes. For example: [file://MyFileServer/resources/manuals/instructions.rtf](file://MyFileServer/resources/manuals/instructions.rtf) Becomes: \MyFileServer\resources\manuals\instructions.rtf What about mapping a network drive, then accessing that drive like a local path?