aro_slideshow v2

simplexity · 2007-03-24 18:59:41

We installed it here and I’m really happy with it, but wanted to see if we could “push it” by making the slideshow-window resize to the screen size. For example, its currently set to “height: 332, width: 750” which is a safe size for most visitors. But it would be awesome if the slideshow-window could be taller and/or wider to fill the browser-window better. Since images can be resized, maybe it could also scale appropriately. Any tips on how to do this with current slideshow script or mods would be appreciated, but it may be that it can’t do this out of the box. By the way, this site will be moved over to the main website when we’re ready, which is here

rloaderro · 2007-03-26 14:53:32

simplexity wrote:

We installed it here and I’m really happy with it, but wanted to see if we could “push it” by making the slideshow-window resize to the screen size. For example, its currently set to “height: 332, width: 750” which is a safe size for most visitors. But it would be awesome if the slideshow-window could be taller and/or wider to fill the browser-window better.

I guess you would need to decide if you wanted to resize the slideshow based on the user’s screen size or browser size? For example, if their monitor was set to 1024 × 768, but their browser was open in a window < 800 × 600 what size should the slideshow be? I’m not going to have a chance to give you a complete and tested solution, but I can tell you how to do this using the slideshow’s callback feature – assuming that you can figure out what size the slideshow needs to be (here’s some info about checking the user’s screen or browser – for which mootools also has a window module – although it is not compiled in the version of mootools.js available from the slideshow site).

Anyway, say you have a javascript function to return the desired width called myWidth(); and another to return the desired height myHeight();. Your textpattern call, using callback, could be this:

<txp:aro_slideshow type="pan" resize="false" imageid="1, 2, 3" height="332" width="750" callback="myShow.props.width = myWidth(); myShow.props.height = myHeight(); myShow.start();" />

Which, hopefully, would re-assign your default height and width variables and restart the show when the window loads. Just make sure that you aren’t hard-coding or overriding the height and width in the CSS for the show. Actually I will be curious if this works – let us know!! :D

mrdale · 2007-03-26 15:55:18

>rloaderro

I know I should behave myslef and wait for the next update, but in the interum, could you tell me how to hack this plugin to allow both alt-text and caption at the same time?

Thanks again…

Last edited by mrdale (2007-03-26 15:55:50)

rloaderro · 2007-03-26 16:13:21

mrdale wrote:

>I know I should behave myslef and wait for the next update, but in the interum, could you tell me how to hack this plugin to allow both alt-text and caption at the same time?

In the plugin, find the 2 lines at the bottom that look like this:

if ($show == 'alt') $captions[] = '"'.$row['alt'].'"';
elseif ($show == 'caption') $captions[] = '"'.$row['caption'].'"';

Replace with 1 line:

if (!empty($show)) { $captions[] = '"'.str_replace('"', '&quot;', str_replace('%caption%', $row['caption'], str_replace('%alt%', $row['alt'], $show))).'"'; }

Then instead of using show="alt" or show="caption" you can use show="<strong>%alt%</strong><br />%caption%" which will replace any instance of %alt% with the alt text and %caption% with the caption text, formatted within the HTML you specify (remember that the caption already appears within a <p> tag). Anyway, that is taken right out the of the next version, so if you use this hack it will be future-compatible with v2.0.2 when it is released. Good luck!

Last edited by rloaderro (2007-03-26 16:14:02)

mrdale · 2007-03-26 16:16:43

wow, that was fast… Thanks.

dobidolots · 2007-03-31 05:43:34

Aeron, would there be a way to allow visitors to pause a slideshow? I looked through all the current features and find methods to select individual images from thumbs or to move forward or backward with arrows, but no pause button. Did I miss it or is it simply ‘out-of-scope’ for this version?

rloaderro · 2007-04-02 17:56:31

dobidolots wrote:

Aeron, would there be a way to allow visitors to pause a slideshow? I looked through all the current features and find methods to select individual images from thumbs or to move forward or backward with arrows, but no pause button. Did I miss it or is it simply ‘out-of-scope’ for this version?

I think that’s something I have contemplated for the next update. I’m a bit busy right now, but I will try to post the update and other stuff I’m working on this month.

burn · 2007-04-06 13:49:30

Hello guys,

I found the script not only amazing but also very easy to implement, it’s been a blast. The only one feature I’m missing for it is a “links” array to get along with images and captions.. I really need the single pictures to be linkable. Can someone help me figure it out? I tried to read through the source but I’m too green in JS classes to be able to understand and modify.

Any help appreciated! Thanks already for the great work!

Luca

rloaderro · 2007-04-09 21:52:06

burn wrote:

I found the script not only amazing but also very easy to implement, it’s been a blast. The only one feature I’m missing for it is a “links” array to get along with images and captions.. I really need the single pictures to be linkable. Can someone help me figure it out? I tried to read through the source but I’m too green in JS classes to be able to understand and modify.

This would be slightly tricky if you weren’t pretty adept at both JS and PHP – at least in order for this to work with the TXP plugin as well. I will add something for this in the next version, but as things are going with work this will probably be a few weeks…

burn · 2007-04-11 17:57:02

I’ll be happily waiting, I’m definitely not good enough with JS to change your class. I’ll keep checking for the update every once and a while :)

Jiwoon · 2007-04-18 23:54:10

Hey guys, is there any way to display the pictures randomly? This already amazing script will be completed with random display feature.

jgdobbins · 2007-04-20 06:33:02

Hi Jiwoon, I have it working randomly with the following line of syntax;

<txp:aro_slideshow category=“photos” orderby=“random” show=“caption” type=“pan” duration=”[4000, 7000]” height=“470” width=“710” />

www.n4mdesign.com

Cheers,
JD

rloaderro · 2007-04-20 18:18:56

Hey guys, is there any way to display the pictures randomly? This already amazing script will be completed with random display feature.

Well, there is the orderby="random" that jg mentioned – but this will only load the images randomly each time the page loads, and not display them randomly as the slideshow loops. I guess that is something I can work into the next version though.

mhulse · 2007-06-10 06:13:55

Hi!

Great script. I decided to implement manually. Works perfectly. :)

A few quick questions:

1. Any way to allow for just the “arrows” to “animate” the slideshow? The best work-around that I can think of would be to set a really long time for transitions (i.e. so long that it never changes, except after a long time ;) .)

2. I plan on having set widths for images, but (possibly) not heights… I have yet to test, but will images of differing heights get scaled un-proportionally to fit the initial height? If so, any fix (not that it is broken), or should I just plan making sure I use the same height for all images?

Other than that, a million THANKS! :D

This script is perfect for my current project. I hope I can help you with something one of these days. Let me know if you ever need help setting this up for an Expression Engine plugin. :)

Have a great day,
Cheers,
M

Last edited by mhulse (2007-06-10 06:27:52)

rloaderro · 2007-06-11 15:54:19

mhulse wrote:

Any way to allow for just the “arrows” to “animate” the slideshow? The best work-around that I can think of would be to set a really long time for transitions (i.e. so long that it never changes, except after a long time ;) .)

At the moment, that is exactly how you would need to do it. Naturally it would only really be effective for push/wipe or fade slideshows.

I plan on having set widths for images, but (possibly) not heights… I have yet to test, but will images of differing heights get scaled un-proportionally to fit the initial height? If so, any fix (not that it is broken), or should I just plan making sure I use the same height for all images?

If resizing is enabled then images will be scaled proportionally – this should be true for all slideshows.

Let me know if you ever need help setting this up for an Expression Engine plugin. :)

If you would like to write a EE plugin I would be happy to link to it from the Slideshow page ;) Thanks for your kind works and I hope the scripts work well for you! Cheers…

Last edited by rloaderro (2007-06-11 15:54:38)

Textpattern CMS

Textpattern CMS support forum

#31 2007-03-24 18:59:41

Re: aro_slideshow v2

#32 2007-03-26 14:53:32

Re: aro_slideshow v2

#33 2007-03-26 15:55:18

Re: aro_slideshow v2

#34 2007-03-26 16:13:21

Re: aro_slideshow v2

#35 2007-03-26 16:16:43

Re: aro_slideshow v2

#36 2007-03-31 05:43:34

Re: aro_slideshow v2

#37 2007-04-02 17:56:31

Re: aro_slideshow v2

#38 2007-04-06 13:49:30

Re: aro_slideshow v2

#39 2007-04-09 21:52:06

Re: aro_slideshow v2

#40 2007-04-11 17:57:02

Re: aro_slideshow v2

#41 2007-04-18 23:54:10

Re: aro_slideshow v2

#42 2007-04-20 06:33:02

Re: aro_slideshow v2

#43 2007-04-20 18:18:56

Re: aro_slideshow v2

#44 2007-06-10 06:13:55

Re: aro_slideshow v2

#45 2007-06-11 15:54:19

Re: aro_slideshow v2

Board footer