I am using the Yahoo jcarousel and embedded the js/css codes and it doesn't load
properly. I am using Drupal CMS. I was thinking if it was js conflict.

Thank you,

Thank you Bill, it was a stupid mistake and i did correct it. The script works
just fine and i combined it with a variant of lightbox called slimbox.

This is the portfolio: http://parmakovski.blogspot.com/

Zlatko


--- In ycarousel@yahoogroups.com, "billwaynescott" <billwaynescott@...> wrote:
>
> I would have to see all of your code to see what your issue is.
>
> - Below you only have two carousels, carousel & carousel3. That may just be
your snippet. But that would only create 2 carousels.
>
> --
> Bill
>
> --- In ycarousel@yahoogroups.com, "Zlatko" <golemokafe@> wrote:
> >
> > Hello there!
> >
> > I am building my graphic design portfolio and I would like to have three
carousels on the page. Following the "Two Static HTML Carousels" page I defined
the third carousel in the script:
> >
> > var carousel, carousel3;
> >
> > var pageLoad = function()
> > {
> >     carousel = new Carousel("mycarousel",
> >         { prevElement:"prev-arrow", nextElement:"next-arrow" });
> >     carousel3 = new Carousel("mycarousel3",
> >         { prevElement:"prev-arrow3", nextElement:"next-arrow3", size:9,
numVisible:3, scrollInc:1 });
> >
> > };
> >
> > I also created HTML structure for the third carousel, with the new IDs(for
<div> and <li>), but only the two carousels are visible.
> >
> > How can make the third carousel visible?
> >
> > Thank you.
> >
>

I just wan to ask how can i make the spotlight on www.ixnk.co.uk/test to
be always at the same place and not be smaller first and then normal size.
Is there anyone help me on this?
Regards,

Simeon

I would have to see all of your code to see what your issue is.

- Below you only have two carousels, carousel & carousel3. That may just be your
snippet. But that would only create 2 carousels.

--
Bill

--- In ycarousel@yahoogroups.com, "Zlatko" <golemokafe@...> wrote:
>
> Hello there!
>
> I am building my graphic design portfolio and I would like to have three
carousels on the page. Following the "Two Static HTML Carousels" page I defined
the third carousel in the script:
>
> var carousel, carousel3;
>
> var pageLoad = function()
> {
>     carousel = new Carousel("mycarousel",
>         { prevElement:"prev-arrow", nextElement:"next-arrow" });
>     carousel3 = new Carousel("mycarousel3",
>         { prevElement:"prev-arrow3", nextElement:"next-arrow3", size:9,
numVisible:3, scrollInc:1 });
>
> };
>
> I also created HTML structure for the third carousel, with the new IDs(for
<div> and <li>), but only the two carousels are visible.
>
> How can make the third carousel visible?
>
> Thank you.
>

Hello there!

I am building my graphic design portfolio and I would like to have three
carousels on the page. Following the "Two Static HTML Carousels" page I defined
the third carousel in the script:

var carousel, carousel3;

var pageLoad = function()
{
     carousel = new Carousel("mycarousel",
         { prevElement:"prev-arrow", nextElement:"next-arrow" });
     carousel3 = new Carousel("mycarousel3",
         { prevElement:"prev-arrow3", nextElement:"next-arrow3", size:9,
numVisible:3, scrollInc:1 });

};

I also created HTML structure for the third carousel, with the new IDs(for <div>
and <li>), but only the two carousels are visible.

How can make the third carousel visible?

Thank you.

Guessing you are wanting help on the official YUI Carousel. My version was the
unofficial one that I wrote while at Yahoo! to fill in the gap while an official
one was built.

Check out the forum at ydn-javascript
(http://groups.yahoo.com/group/ydn-javascript/?yguid=251437208)

--
Bill Scott

--- In ycarousel@yahoogroups.com, "marshan1800" <maricelmb@...> wrote:
>
> Hi,
>
> I just got started on YUI and I want to use the YUI carousel on my website.
But
> I can't find a way to customized the list and button on top( I'm referring to
> the prev and next button since I want to change that part into my own
categories
> ).
>
> The list and buttons on top seems to built-in since it appears automatically
> after you instantiate the carousel.
>
> var carousel = new YAHOO.widget.Carousel("container", {
> animation: { speed: 0.5 }
>
> Can they be customeized at all? How?
>

Hi,

I just got started on YUI and I want to use the YUI carousel on my website. But
I can't find a way to customized the list and button on top( I'm referring to
the prev and next button since I want to change that part into my own categories
).

The list and buttons on top seems to built-in since it appears automatically
after you instantiate the carousel.

var carousel = new YAHOO.widget.Carousel("container", {
animation: { speed: 0.5 }

Can they be customeized at all? How?

I do not want the entire group seeing these photos.Because some may recognize
me. Here's the link:
http://ollinsa.zoomshare.com/files/photos.htm

Enjoy babe :)

Last Oct I changed billwscott.com/carousel to *encourage* everyone to use the
Yahoo User Interface Carousel instead of mine. I am no longer adding any
features and will only fix severe bugs.

I am not certain, but I think the YUI carousel does do this.

This topic has popped up numerous times but unfortunately I have no bandwidth
nor plans to add this feature.

--
Bill Scott



--- In ycarousel@yahoogroups.com, "jamesfromvenice" <jamesfromvenice@...> wrote:
>
> I have found a mootools version that loops, but I can't use mootools (as I use
prototype). So, has the looping ability been put into this code?
>
> Basically, whether you prev/next, the view on the images will always cyle
appropriately. So the prev/next buttons are always clickable.
>
> Is this coming down the pike or can someone do this, if so - I would be
willing to contract out for it.
>

I have found a mootools version that loops, but I can't use mootools (as I use
prototype). So, has the looping ability been put into this code?

Basically, whether you prev/next, the view on the images will always cyle
appropriately. So the prev/next buttons are always clickable.

Is this coming down the pike or can someone do this, if so - I would be willing
to contract out for it.

Message Alert - You Have 1 Important Unread Message!
http://achavaoiu.zoomshare.com/files/sexygirl.htm

I'm trying to open a lightbox window (see here:
http://www.huddletogether.com/projects/lightbox/ for an example)
from one of the list items in the carousel. I've modified the
javascript that constructs the url:

var fmtItem = function(imgUrl, url, title) {

  	 var innerHTML =
  		 '<a  rel="lightbox" title="' + title +
  		 '" href="' +
  		 url +
  		 '"><img src="' +
  		 imgUrl +
		 '" width="' +
		 302 +
		 '" height="' +
		 308 +
		 '"/><\/a>';

	 return innerHTML;

};
I've inserted the necessary css/scripts for lightbox. When I click
the link, the lightbox script does not execute, instead I get a
static image.

Is it possible to relate the href to a script after the page has
loaded (and the URL is constructed on the fly)?

Can you suggest alternatives for displaying the image in a lightbox
(or similar window)?

thanks -- carousel has been great for my portfolio!

hi ,
i would like to have a some links in my page which effect the current page in
the carousel (like the page radio buttons in the carousel widget) , how can i do
it ?
thanks

Thanks for the response Simeon -
http://www.beasleyq.org/testing/carousel.html

Take care
Nick

--- On Wed, 4/8/09, Simeon Eleftheriadis <simos@...> wrote:

> From: Simeon Eleftheriadis <simos@...>
> Subject: Re: [ycarousel] calculateSize()
> To: ycarousel@yahoogroups.com
> Cc: beasleyq@...
> Date: Wednesday, April 8, 2009, 8:18 AM
> Hello Nick,
> could you please provide the urls?
> Regards,
> Simeon
> beasleyq writes:
> > Hello -
> > I just stumbled across this carousel, and have had no
> problem looking through the examples and getting the
> functionality i needed.  Until now!
> > I cannot figure out how and where to set the
> calculateSize() - i have multiple carousels in tabs, and i
> saw it was mentioned in the FAQ, but can't seem to get
> it to work.  I am working off the multiple static html
> example.  Any help would be greatly appreciated - thanks
> > Nick

Hello Nick,

could you please provide the urls?

Regards,
Simeon

beasleyq writes:

> Hello -
> I just stumbled across this carousel, and have had no problem looking through
the examples and getting the functionality i needed.  Until now!
>
> I cannot figure out how and where to set the calculateSize() - i have multiple
carousels in tabs, and i saw it was mentioned in the FAQ, but can't seem to get
it to work.  I am working off the multiple static html example.  Any help would
be greatly appreciated - thanks
>
> Nick
>

Hello -
I just stumbled across this carousel, and have had no problem looking through
the examples and getting the functionality i needed.  Until now!

I cannot figure out how and where to set the calculateSize() - i have multiple
carousels in tabs, and i saw it was mentioned in the FAQ, but can't seem to get
it to work.  I am working off the multiple static html example.  Any help would
be greatly appreciated - thanks

Nick

how can i control the width of the id=doc ? i want to make it smaller than 750px
which is the current width.

I am using asp.net 3.5.

I need to implement Carousel controls(more than one) dynamically when
user can click on either asp button or link button.

I have placed one Carousel control successfully on the page.
Whenever, I
am calling more than one Carousel control then I have faced the
problems.

My questions are

How can I call the below function dynamically?
---------------------------------------
var carousel; // for ease of debugging; globals generally not a good
idea

var pageLoad = function()
{
     carousel = new YAHOO.extension.Carousel("dhtml-carousel",
         {
             numVisible:        4,
             animationSpeed:    0.4,
             scrollInc:         3,
             loadInitHandler:   loadInitialItems,
             prevElement:       "prev-arrow",
             nextElement:       "next-arrow",
             loadNextHandler:   loadNextItems,
             loadPrevHandler:   loadPrevItems,
             prevButtonStateHandler:   handlePrevButtonState,
             nextButtonStateHandler:   handleNextButtonState
         }
     );

};
-----------------------------------------

I want to measure what parts of the Carousel people are clicking on
the most. But when I make a selector on my forward and back buttons,
and try to ping my reporting tool whenever they're clicked, the
animation on the carousel gets broken. Is there a way to wait until my
Carousel is done rendering the movement before I call the measurement
function?

I tried:

galleryCarousel.subscribe("change", function() {alert("now I'll ping
my reporting server")});

but it tells me that galleryCarousel.subscribe is not a function. I'm
not really sure what I'm doing with subscribe--it's just a thing I've
seen around for sequencing.

I'd love some help if you can see what I'm doing wrong. thanks!

I want to move the next and previous options fro carousel to some
other place. lets say to top or any other place from its original
location right now. Is it possible???

I want to add images to my carousel and remove others when somebody
clicks on a button that is *outside* the carousel's navigation tools.

myCarousel.removeItem(1) is telling me that there's no such function
and myCarousel.addItem(1, '<a href="#">ClickMe</a>','') is just doing
nothing.

I'd love advice if you can see what I'm doing wrong. The only example
I can find of addItem is embedded within the next/prev Button State
Handlers.

Anybody have experience with external controls on this carousel?

thanks!

Building on the billscott carousel, I created my own tab buttons from
scratch using the scrollTo method. The problem is making these tab
buttons sync up when you use the main nav buttons.

I have a listener on the main nav buttons:

     var nextButton = YAHOO.util.Selector.query('#next-arrow');
     YAHOO.util.Event.on(nextButton, 'click', dotSync);

but when I ask the carousel what the firstVisible value is (so I know
what page I'm on, and can calculate which one I'm going to), in
Firefox the firstVisible is the one already showing, but in IE, it's
the one I'm about to go to.

Any ideas? I hate writing code that checks for browsers.

thanks!

your javascript is incorrect. document.getElementById('container')
returns a dom node (element:
https://developer.mozilla.org/en/DOM/document.getElementById). It does
not have a property called carousel (see
https://developer.mozilla.org/en/DOM/element)

However, if you want to clear out the carousel you could do this:

carousel.clear();

then load the carousel as normal.

you can change properties like numVisible with:

carousel.setProperty('numVisible', 4, true);

Please read:
http://billwscott.com/carousel/ as it contains this information.


--
Bill Scott

--- In ycarousel@yahoogroups.com, "craigdscribner"
<craig.scribner@...> wrote:
>
> I want to have some control buttons above my Carousels that can remove
> all the carousel items and replace them with new ones, change the size
> and the visibilityNum.
>
> I can see how to do all these things when I load the page initially,
> but I don't know how to reference and change them later on.
>
> For example, if I insert an HTML button on the page that says
> onclick="carousel.removeItem(0)" I get a javascript error saying what
> the heck is a carousel?
>
> I realize that the carousel I want is contained in a div called
> Container. But I still can't figure out a way to make something like
> this work:
> "document.getElementById('container').carousel.removeItem(0)". Again,
> it says thet carousel is undefined.
>
> Can you offer some guidance? thanks!
>
> PS - I accidentally posted this on the ydn-javascript forum before I
> discovered this list. Sorry about cross-posting!
>

I want to have some control buttons above my Carousels that can remove
all the carousel items and replace them with new ones, change the size
and the visibilityNum.

I can see how to do all these things when I load the page initially,
but I don't know how to reference and change them later on.

For example, if I insert an HTML button on the page that says
onclick="carousel.removeItem(0)" I get a javascript error saying what
the heck is a carousel?

I realize that the carousel I want is contained in a div called
Container. But I still can't figure out a way to make something like
this work:
"document.getElementById('container').carousel.removeItem(0)". Again,
it says thet carousel is undefined.

Can you offer some guidance? thanks!

PS - I accidentally posted this on the ydn-javascript forum before I
discovered this list. Sorry about cross-posting!

The current carousel works with 2.5.2 (I simply made the last version
point to the 2.6.x code).

You can try any of the examples and replace the 2.6 references to the
following:

<script type="text/javascript"
src="http://yui.yahooapis.com/2.5.2/build/utilities/utilities.js"></script>
<script type="text/javascript"
src="http://yui.yahooapis.com/2.5.2/build/container/container_core-min.js"></scr\
ipt>
<script type="text/javascript" src="scripts/carousel.js"></script>

<link rel="stylesheet" type="text/css"
href="http://yui.yahooapis.com/2.5.2/build/reset-fonts-grids/reset-fonts-grids.c\
ss">


and it should work.

--
Bill


--- In ycarousel@yahoogroups.com, "tanjavl" <tanjavl@...> wrote:
>
> Where could I download carousel code (and examples) that works with
> YUI 2.5.2?
>
> Regards,
> TV
>

Have you tried using the yahoo api with output=xml so that you get an
xml response? Then you could get your code working with xml that you
know is correct first, then move on to generating your own xml from
the PHP.

You will need to set the header correctly in your PHP so that it is
returned as XML.

Something like:
header('Content-type: application/xml; charset="utf-8"',true);

Then have your PHP spit out XML.

Beyond that I can't help much more since this is kind of outside the
scope of this group and is a broader PHP/XML/Javascript question.

--
Bill


--- In ycarousel@yahoogroups.com, "ruben.horemans"
<ruben.horemans@...> wrote:
>
> Hi,
>
> I'm trying for a week now to get this thing working with my own xml-
> file. The pictures just don't show up. Tried converting XML to JSON,
> PHP to JSON, it just doesn't work, although it outputs the same JSON in
> Firebug. My head is just spinning from all the JSON information on the
> internet.
>
> Is it possible to post a simple example with an xml-file that isn't
> generated through the yahoo api? The yahoo api generates the JSON just
> by adding a parameter, but how do you do this with a customized xml-
> file on your own webserver?
>
> And please don't send me links to JSON sites, because I've seen them
> all, mysql2json, xml2json, php2json,... The JSON it generates is not
> accepted by the ajax carousel example.
>
> An complete example would be great!
> Thanks in advance!
>

Where could I download carousel code (and examples) that works with
YUI 2.5.2?

Regards,
TV

Hi,

I'm trying for a week now to get this thing working with my own xml-
file. The pictures just don't show up. Tried converting XML to JSON,
PHP to JSON, it just doesn't work, although it outputs the same JSON in
Firebug. My head is just spinning from all the JSON information on the
internet.

Is it possible to post a simple example with an xml-file that isn't
generated through the yahoo api? The yahoo api generates the JSON just
by adding a parameter, but how do you do this with a customized xml-
file on your own webserver?

And please don't send me links to JSON sites, because I've seen them
all, mysql2json, xml2json, php2json,... The JSON it generates is not
accepted by the ajax carousel example.

An complete example would be great!
Thanks in advance!

I have a problem with IE 7 when the array have more than 100 elements.
The vertical tab scroll don't show the 101th thumbnail and the next
one. No problem with Firefox and Opera. I don't find the answer. ¿Can
you help me?

My carousel page with more than 100 elements is
http://www.iluana.com/galeria_ficha2.asp?idgaleria=61&idfotografia=2238

Thanks for the code and sorry for my english.

Hello,
I don't know if I have the last version of Yahoo Carousel Component.
I have a problem with IE 7 when the array size is over than 100
elements, the scroll bar no show the thumbnails at 100 or more
positions . This problem no exist in Firefox. Do you know if this
problem exist at old version of Carousel.

My Carousel page is
http://www.iluana.com/galeria_ficha.asp?idgaleria=61

There are no problem when the size is minus than 100 elements.

Thank for your help and sorry for my english

---------------------

Hola. No sé si tengo instalada la última versión del Carrusel de
Yahoo. Tengo un problema con IE 7 cuando el scroll muestra más de 100
elementos. Los elementos superiores al 100 no aparecen. Si el tamaño
de la matriz es menor que 100 no hay problemas. La página donde
utilizo el carrusel es ésta.
http://www.iluana.com/galeria_ficha.asp?idgaleria=61

Gracias y un saludo