[Pro] jQuery cycle plugin

Freeway
1

Looking to add a container height re-size in my jquery cycle plugin. I am using this with Max’s Web Yep Slideshow. I found the code for this but am unsure of how to add it to the current code that runs the slideshow right now.

Wondering if anyone has used this?
http://jquery.malsup.com/cycle2/demo/container-resize.php

Billy

http://www.smartytest.com/KNelson/portfolio-temp.php?DOC_INST=3

freewaytalk mailing list
email@hidden
Update your subscriptions at:

2

You dont add it to the current code but to the container itself using Item > Extended

ie name: data-cycle-auto-height and value: container

On your page it would be added to the Div WYSlideshow

But I have never used it.

David

freewaytalk mailing list
email@hidden
Update your subscriptions at:

3

Yeah I tried that but no go.

I found this info on cycle.js. I want to add either the function containerResize or slideResize to the WY slideshow. Can you help me implement that?

http://jquery.malsup.com/cycle/options.html

I need to add a line in here somewhere:

<?php foreach (WYLoopElement::aLoopIDs('SlideshowLoop') as $webyep_oCurrentLoop->iLoopID) { $webyep_oCurrentLoop->loopStart(true); webyep_image('SlideshowImage', false, 'style="width:100%;height:auto"', '', '', 1200, 0, false); $webyep_oCurrentLoop->loopEnd(); } ?>

Billy

freewaytalk mailing list
email@hidden
Update your subscriptions at:

4

Crap sorry! I forgot how to add code in the comment box.

freewaytalk mailing list
email@hidden
Update your subscriptions at:

5

Not familiar with the WY slideshow.

Yeah I tried that but no go.

Bear in mind that you have javascript errors on these pages - difficult to debug while you have them.

You are loading more than 1 javascript library - jQuery and prototype on the same page - never a good idea.

Start on a page with just the jQuery stuff.

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:

6

Can you look again and see if there are still errors?

Billy

freewaytalk mailing list
email@hidden
Update your subscriptions at:

7

see if there are still errors?

Still there - it is the Lightbox stuff that is causing it.

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:

8

Must be in the Web Yep Folder.
Let me try again.

freewaytalk mailing list
email@hidden
Update your subscriptions at:

9

Ok I disabled them.
Billy

freewaytalk mailing list
email@hidden
Update your subscriptions at:

10

Now add the stuff using Item > Extended

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:

11

Didn’t work.

freewaytalk mailing list
email@hidden
Update your subscriptions at:

12

Is it online?

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:

13

Yes
http://www.smartytest.com/KNelson/portfolio-temp.php?DOC_INST=3

freewaytalk mailing list
email@hidden
Update your subscriptions at:

14

The code I see on that page doesn’t include the data-cycle-auto-height stuff

<div id="WYSlideshow" class="WY_Slideshow" data-cycle-pager="#adv-custom-pager" data-cycle-pager-template="<a href='#'><img src='{{src}}' width=auto height=40></a>" style="position: relative;"><img style="width: 100%; height: auto; position: static; top: 0px; left: 0px; z-index: 100; opacity: 1; display: block; visibility: hidden;" src="/KNelson/webyep-system/data/5-3-1-im-SlideshowImage-7048.jpg" width="1000" height="750" alt="" class="cycle-slide cycle-sentinel">

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:

15

I added it to the div “WYSlideshow” in item > extended
Billy

freewaytalk mailing list
email@hidden
Update your subscriptions at:

16

Not sure in that code where to place the data-cycle-auto-height: container.

freewaytalk mailing list
email@hidden
Update your subscriptions at:

17

Maybe here:

‘style=“width:100%;height:auto”’, ‘’, ‘’, 0, 0, false);

freewaytalk mailing list
email@hidden
Update your subscriptions at:

18

So I got it to work. Took me forever to figure out where to put that code. Now what I would really like is to do something called slideResize.
The image will actually resize itself to the container.
There is a reference for this as an option but the approach looks very different.

Ugh!

http://jquery.malsup.com/cycle/options.html

Billy

freewaytalk mailing list
email@hidden
Update your subscriptions at: