aro_slideshow v2

Logoleptic · 2007-09-28 16:23:32

Pat64 wrote:

If I well understand you, is this what you want? : see this example here

That’s similar, except that it would need to use a different link for each image. I managed to get the animation I was already using to work in Safari, though, so I won’t be needing to use this plugin after all. I’ll definitely keep it in mind for the future, however.

Didjee · 2007-10-13 13:02:40

I want to put two slideshows (with images from a different category) on the same page. But if I do so, I get two ‘wrapping’ DIV’s with the same ID (slideshow0). Is there a possibility to give them a different name (eg. ‘slideshow1’ and ‘slideshow2’)?

Is it possible to have more then one slideshow on the same page at all?

Last edited by Didjee (2007-10-14 10:17:22)

Allshookup · 2007-10-18 20:57:12

I have read all 10 pages I can’t seem to find anything on creating links from your images.

I have been trying to figure out how I can add links to my pictures.
So when image 1 is showing if you mouse over it there will be a link (http://www.mysite.com/link1.html)
And if image 2 is showing and you mouse over it there is a different link (http://www.mysite.com/link2.html)

Is there anyway this can be done?

Thanks for your help.

mattp · 2007-10-22 15:56:47

Hi,
I would like to not have the slideshow be “automatic” and just have the slides change only when I click a thumbnail.. how do I do this?

tx,
Matt

photonomad · 2007-10-24 15:28:16

electricprism.com is down at the moment… anyone have a copy of the plugin files?

photonomad · 2007-11-15 03:31:24

Any chance there might be a way to make the images in a category load randomly instead of in the same order every time?

ultramega · 2007-11-15 10:22:50

Orderby=“random”

jstubbs · 2007-12-06 22:42:43

Trying this plugin again, abut getting errors. Only the first image in a category displays – the javascript is not working. I see this error in Firebug:

fx is not defined

I use stm_javascript to store the JS, and then have this in the header:

<txp:js n="mootools" />
<txp:js n="slideshow" />

In the article form:

<txp:aro_slideshow category="test" limit="20" type="fade" resize="false" width="500" height="300" show="caption" navigation="thumbnails fast" />

Anyone know the best way to get the JS to work? I tried downloading the entire mootools, and compressing/uncompressing.

jstubbs · 2007-12-07 18:32:53

OK I think I found the problem, just don’t know how to solve it. I have this in my header form:

<!-- JS -->
<script type="text/javascript" src="<txp:site_url />textpattern/JS/mootools.js"></script>
<script type="text/javascript" src="<txp:site_url />textpattern/JS/slideshow.js"></script>
<script type="text/javascript" src="<txp:site_url />textpattern/jquery.js"></script>
<txp:js />

The first two are required by Slideshow, then I have jquery.js for a menu drop-down, which is in the last tag, provided by stm_javascript.

The slideshow does not work UNLESS I take out the jquery.js tag. Any idea why it should be a problem??

iblastoff · 2007-12-07 18:40:37

you’re generally only supposed to use one js library or there will most likely be conflicts. if thats the case you’ll probably have to take advantage of jquerys noConflict() function (not sure what mootools equivalent is)

jstubbs · 2007-12-07 18:45:47

OK did not know that. Makes sense. Does aro_slideshow support jquery yet?

iblastoff · 2007-12-07 19:04:09

jstubbs wrote:

OK did not know that. Makes sense. Does aro_slideshow support jquery yet?

no idea but you should be able to use noConflict for jquery and then you can use both jquery and mootools together with no issues.

for more info on noConflict : http://docs.jquery.com/Using_jQuery_with_Other_Libraries

jstubbs · 2007-12-07 20:46:12

Hey Steve, tried the code from that page and ended up with a lot of errors. I don’t know javascript which does not help :-( You have an idea which part of the code will make mootools for aro_slideshow and jquery work together?

Bloke · 2007-12-09 11:44:32

jstubbs wrote:

You have an idea which part of the code will make mootools for aro_slideshow and jquery work together?

I don’t think mootools has an equivalent to noConflict() — it’s all me me me — but you should be able to do the following to resolve the conflict with jquery:

<script type="text/javascript" src="<txp:site_url />textpattern/JS/mootools.js"></script>
<script type="text/javascript" src="<txp:site_url />textpattern/JS/slideshow.js"></script>
<script type="text/javascript" src="<txp:site_url />textpattern/jquery.js"></script>
<script type="text/javascript">
  var $j = jQuery.noConflict();
</script>
<txp:js />

Then, if you or any plugins are using jquery anywhere in your page, any time they need to refer to jquery they should use $j('something') instead of just $('something'). Another option is to use:

<script type="text/javascript">
  jQuery.noConflict();
</script>

which means you have to refer to jquery like this instead: jQuery('something'). I prefer the first because it’s less typing in the long run, but either will work.

The annoying thing is that a lot of plugins (mine included) are written assuming that only one or the other js library is loaded and have no provision to override the variable in case of a clash. I’ve tried to avert that with one of my recent plugins (smd_pullquote) and I intend to revisit smd_slimbox to help with clashes (if I can find a way round it) when I extend it to support other lightboxes. That in turn should help this plugin because it relies on my library. In the meantime, hope this info is useful.

jstubbs · 2007-12-09 12:02:59

Hi Stef, thanks for the post. My main problem has been getting aro_slideshow and ras_rollover_text to work together. Rick posted starting here on a solution to the problem. In fact, he kindly updated his plugin, and now, it just works…

Strange thing I am seeing with aro_slideshow though – on my test page, when an image is faded in, I notice that other parts of the page also fade in and out. Think bold text to normal text. That type of fade. In areas that have nothing to do with aro_slideshow.

This only happens in Firefox and Camino, not Opera or Safari (I am on a Mac).

I’ve got this in my slideshow form:

<txp:aro_slideshow category="test" type="fade" duration="[2000, 4000]" height="300" width="475" resize="false" />

And this in the style sheet – any ideas what could be happening?

div.slideshow {
  margin: 0 auto;
}
div.slideshow p { display: none }

div.slideshow ul {
  background: #FFF;
  bottom: -35px;
  left: 0px;
  position: absolute;
  overflow: hidden;
  padding: 5px 0;
  z-index: 10000;
}
div.slideshow ul a {
  background-position: 50% 50%;
  cursor: pointer;
  display: block;
  height: 25px;
  margin-right: 5px;
  opacity: 0.5;
  width: 30px;
}
div.slideshow ul a.active,
div.slideshow ul a:hover {
  opacity: 1;
}
div.slideshow ul li {
  float: left;
  list-style: none;
}

div.slideshow div { padding: 0;
	border-style: none;
} div.slideshow img { padding: 0;
	border-style: none;
}

Textpattern CMS

Textpattern CMS support forum

#91 2007-09-28 16:23:32

Re: aro_slideshow v2

#92 2007-10-13 13:02:40

Re: aro_slideshow v2

#93 2007-10-18 20:57:12

Re: aro_slideshow v2

#94 2007-10-22 15:56:47

Re: aro_slideshow v2

#95 2007-10-24 15:28:16

Re: aro_slideshow v2

#96 2007-11-15 03:31:24

Re: aro_slideshow v2

#97 2007-11-15 10:22:50

Re: aro_slideshow v2

#98 2007-12-06 22:42:43

Re: aro_slideshow v2

#99 2007-12-07 18:32:53

Re: aro_slideshow v2

#100 2007-12-07 18:40:37

Re: aro_slideshow v2

#101 2007-12-07 18:45:47

Re: aro_slideshow v2

#102 2007-12-07 19:04:09

Re: aro_slideshow v2

#103 2007-12-07 20:46:12

Re: aro_slideshow v2

#104 2007-12-09 11:44:32

Re: aro_slideshow v2

#105 2007-12-09 12:02:59

Re: aro_slideshow v2

Board footer