Carousel Questions

I am having issues with a piece of code for an image carousel, and I want to implement a pop-up feature using lightbox (if possible) - otherwise just a pop up window.
In my timeline I have two movie clips, lever_btn and viewer_btn. When you click on the lever the lever animates and the viewer advances one frame. When it gets to the end it goes back to the beginning. This is all working fine.
What I am trying to achieve now is to be able to click on the viewer_btn and have a larger version of the thumbnail pop up. There are 10 thumbnails in total within the viewer_btn movie clip, and they are movie clips labelled design1 etc.
Question one. Should the movie clips within viewer_btn be buttons?
Question two. Is the code I have tried anywhere close to being right??
My head hurts! Can someone help?
var frameNums:Array = new Array(2,23,44,65,86,107,128,149,170,191,212);
var i:int = 0;
lever_btn.addEventListener(MouseEvent.CLICK, moveToFrame);
function moveToFrame(evt:MouseEvent):void{
     lever_btn.gotoAndPlay(frameNums[i]);
viewer_btn.gotoAndPlay(frameNums[i]);
     i += 1;
     if (i == frameNums.length) i = 1;
viewer_btn.addEventListener(MouseEvent.CLICK, PopUp);
function PopUp(who:MovieClip, where:String){
who.onRelease=function (){
URLRequest(where)};
large(viewer_btn.design1,"javascript:NewWindow=window.open('http://www.adobe.com','newWin','width=650,height=350,left=(screen.availWidth - 650)/2; top=(screen.availHeight - 350)/2; toolbar=No,scrollbars=No,status=No,resizable=No,fullscreen=No'); NewWindow.focus(); void(0);");

Hi jkhan!
Thanks a lot for your reply!
I'm trying the carousel view as a kind of timeline and the curved effect it provides I can't get it with the gallery view.
If I could disable the carousel movement in a direction when I reached a cell it would be perfect...

Similar Messages

Some questions about the carousel object

Hello,
I think it is not possible to configure a non circular carousel, isn't it?, i.e., I want a carousel with 13 cells, but when the user is viewing the cell 13 I don't want the cell 1, cell 2, and so on to be viewed as the next ones.
If this is not possible, I am thinking this:
The user can see 5 cells (I am using an horizontal carousel) and the focus is in the 3rd cell. What I want to do is when the focus is in the 3rd cell, the user can't move to the cell in its left. Is this possible? The user only can move to the cells in the right until he reaches the third from last.
Is this possible?
Thanks in advance!!

Hi jkhan!
Thanks a lot for your reply!
I'm trying the carousel view as a kind of timeline and the curved effect it provides I can't get it with the gallery view.
If I could disable the carousel movement in a direction when I reached a cell it would be perfect...

Af:carousel Flexibility / Integration Questions of other .JS libraries

Hi All,
I have an ADF application and would like to use the Carousel Item for navigation. I currently have a page with 10 navigation nodes rendered within a Carousel. I want to put extra space between each carousel items but cannot find a way of doing this (Any suggestions?)
Alternatively - I could make use of http://www.professorcloud.com/mainsite/carousel.htm but am wondering how best to integrate this into a .JSPX page?
The generated source required for this library is...
<html>
<head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/JavaScript" src="/js/cloud-carousel.1.0.0.js"></script>
<script>
$(document).ready(function(){
     // This initialises carousels on the container elements specified, in this case, carousel1.
     $("#carousel1").CloudCarousel(
               xPos: 128,
               yPos: 32,
               buttonLeft: $("#left-but"),
               buttonRight: $("#right-but"),
               altBox: $("#alt-text"),
               titleBox: $("#title-text")
</script>
</head>
    <body>
         
        <div id = "carousel1" style="width:256px; height:128px;background:#000;overflow:scroll;">
            
            
            <img class = "cloudcarousel" src="/images/carousel/flags/flag1.png" alt="Flag 1 Description" title="Flag 1 Title" />
            <img class = "cloudcarousel" src="/images/carousel/flags/flag2.png" alt="Flag 2 Description" title="Flag 2 Title" />
            <img class = "cloudcarousel" src="/images/carousel/flags/flag3.png" alt="Flag 3 Description" title="Flag 3 Title" />
            <img class = "cloudcarousel" src="/images/carousel/flags/flag4.png" alt="Flag 4 Description" title="Flag 4 Title" />
        </div>
        
        <input id="left-but" type="button" value="Left" />
        <input id="right-but" type="button" value="Right" />
        
        <p id="title-text"></p>
        <p id="alt-text"></p>
    </body>
</html>I have been working with ADF for a while and still don't know the "Best Practise" for integrating other API's - The JSF components are not exhaustive and sometimes you need to go out of the box. I would appreciate some help with this from an ADF expert.
Many thanks

Hi Shay,
I seem to have got some of the way there. I now have a semi working example. The code is as follows
<?xml version='1.0' encoding='UTF-8'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1"
          xmlns:af="http://xmlns.oracle.com/adf/faces/rich"
          xmlns:f="http://java.sun.com/jsf/core">
    <jsp:directive.page contentType="text/html;charset=UTF-8"/>
    <f:view>
        <af:document id="d1" title="Carousel Test"
                     inlineStyle="background: url(images/background.jpg);overflow:scroll; margin: 0; text-align: center;">
                <link type="text/css" rel="stylesheet" href="css/carousel.css"/>
                <af:serverListener type="MyHandler" method="#{Test.clientHandler}"/>
                <af:resource type="javascript">
                 dblClickEvent = function(event)
                   var comp = AdfPage.PAGE.findComponentByAbsoluteId('cb1');
                   AdfActionEvent.queue(comp,comp.getPartialSubmit());
                </af:resource>
                <f:facet name="metaContainer">
                    <f:verbatim>
                        <meta name="description"
                              content="This is a test description"/>
                        <meta name="keywords" content="ADF Carousel"/>
                        
                        <script type="text/javascript"
                                src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
                        
                        <script type="text/JavaScript"
                                src="js/cloud-carousel.1.0.4.js"></script>
                        <script type="text/JavaScript"
                                src="js/jquery.mousewheel.js"></script>
                        <script>
                      $(document).ready(function ()
                        // This initialises carousels on the container elements specified, in this case, carousel1.
                        $("#carousel1").CloudCarousel(
                          xPos : 425,
                          yPos : 120,
                          buttonLeft : $("#left-but"),
                          buttonRight : $("#right-but"),
                          altBox : $("#alt-text"),
                          titleBox : $("#title-text"),
                          reflHeight : 30,
                          reflGap : 2,
                          mouseWheel:true,
                          bringToFront: true
                    </script>
                    </f:verbatim>
                </f:facet>
                <f:verbatim>
                    <div id="Container"
                         style="width: 850px; margin: 0 auto; text-align: center;">
                        <div id="Content">
                            <div id="header"
                                 style="font-family:Arial, Helvetica, sans-serif; font-size:14pt; color:White;">
                                <p>
                                    My World
                                </p>
                            </div>
                            
                            <div id="carousel1">
                                
                                
                                <img class="cloudcarousel"
                                     src="images/poauth.png"
                                     alt="Purchase Order Authorisation"
                                     title="Purchase Order Authorisation"
                                     height="79" width="120"
                                     ondblclick="dblClickEvent()"/>
                                <img class="cloudcarousel"
                                     src="images/suppliers.png" alt="Suppliers"
                                     title="Suppliers" height="62" width="100"/>
                                <a href="http://www.google.com" target="_blank">
                                    <img class="cloudcarousel"
                                         src="images/budget.png"
                                         alt="Budget Account Enquiry"
                                         title="Budet Account Enquiry"
                                         height="79" width="120"/>
                                     </a>
                                <img class="cloudcarousel"
                                     src="images/buyingstuff.png"
                                     alt="Buying Stuff" title="Buying Stuff"
                                     height="81" width="120"/>
                                <img class="cloudcarousel"
                                     src="images/suppliers.png" alt="Suppliers"
                                     title="Suppliers" height="62" width="100"/>
                                <img class="cloudcarousel"
                                     src="images/mydashboard.png"
                                     alt="Dashboard" title="Dashboard"/>
                            </div>
                            
                            <div id="left_box"
                                 style="width:410px; float:left; overflow:hidden;">
                                <input id="left-but" type="button"
                                       value="Left"/>
                            </div>
                            <div id="right_box"
                                 style="width:410px; float:right; overflow:hidden;">
                                <input id="right-but" type="button"
                                       value="Right"/>
                            </div>
                            
                        </div>
                        
                    </div>
                </f:verbatim>
              <af:panelGroupLayout id="xyz" layout="vertical">
                <af:form id="f1">
                  <af:commandButton text="Purchase Order Authorisation" id="cb1" rendered="true"
                                  action="#{Test.doNavigation}"
                                    partialSubmit="false" immediate="true"/>
                </af:form>
              </af:panelGroupLayout>
        </af:document>
    </f:view>
</jsp:root>The problem I am now facing is
A) I cant replace the javascript with the af:resource tag as this then renders the Javascript in the BODY rather than the HEAD element of the HTML
B) I cant figure out how to queue an event in Javascript as I don't know where to attach the server listener. I know in the past the server listener goes inside the client componenet, but in this case I am using a HTML element to directly call the JavaScript
C) The navigation doesnt appear to work at the moment on IE8. I am programmatically calling submit on a button using Javascript
All help is greatly appreciated on the above points! Hopefully I can get to a working solution
Edited by: mehrdad.montakhab on Dec 7, 2010 3:57 AM

Carousel type question

Don't even know how to really ask this but ill try.
I really like the carousel type scripts with pictures in
them. I want something similar.
I want like 6 pictures in a circle, then when I mouseover one
of them which ever image was chosen it goes to the 12 or 6 and
enlarges a bit, is this possible and which type of coding, it may
not be flash i am aware of that. Hope I explained it well enough.
The other option is using a carousel but i don't want the
automatic action on it. I would like to have the image come to the
front by which ever image was rolled over by the mouse.
thanks
marc

thegolfnutz wrote:
> Don't even know how to really ask this but ill try.
> I really like the carousel type scripts with pictures in
them. I want
> something similar.
>
> I want like 6 pictures in a circle, then when I
mouseover one of them which
> ever image was chosen it goes to the 12 or 6 and
enlarges a bit, is this
> possible and which type of coding, it may not be flash i
am aware of that.
> Hope I explained it well enough.
>
> The other option is using a carousel but i don't want
the automatic action on
> it. I would like to have the image come to the front by
which ever image was
> rolled over by the mouse.
> thanks
google for "flash carousel", there are many free examples.
Best Regards
Urami
"Never play Leap-Frog with a Unicorn."
<urami>
If you want to mail me - DO NOT LAUGH AT MY ADDRESS
</urami>

Stop the carousel from moving

I've added navigation buttons to this carousel of items that
will move the carousel either left or right, however I would like
the carousel to STOP anytime an icon is at the center X point. When
a nav button is pressed, the carousel moves until the next icon is
at center X, etc.
AS and XML code posted below:
Example SWF here:
http://www.dattoli.com/temp/PlayerApplication2.html
Any help is appreciated. Thanks.
-Christopher C. Keeler

Yes, well this is the base of two of his tutorials, and I
just combined them together. I have posted the same question there
as well. I will add this disclaimer so you know that I did not
write the bulk of this: Most of above code was origianally written
by Lee Brimelow at www.gotoandlearn.com.
Thanks for pointing that out.
-Chris

Question about using Revel on iPhone4

I have just created 3 carousels on Revel and put pictures in them from my camera roll. Now I want to move some to a different carousel. I can copy and put them in the new carousel, but how do I delete them from the original carousel without deleting the picture from the entire system? The delete warning concerns me.

jessevsm wrote:
I have another question about the Vision:M. I was curious if you're able to password protect certain folders so that in order to access them, you have to put in a password. I know you can password protect files so it can't be messed with or whatever, but it doesn't stop the files from being viewed. Is there any way to do this?
there is an option somewhere in the settings menu to hide protected files, so you can't see them or edit them till the password is entered.

How can I determine which image was clicked in 3D carousel?

I have been modifying some 3D carousel code that I found in hopes that I can get it such that when image "resolv2.jpg" (or any of my other images) is clicked on at the front of my carousel, it goes to a specific webpage. By just replacing "moveBack(event.target) from the toggler section of the code with "navigateToURL:(newURLRequest('http://google.com'), the target DOES sucessfully go to google when clicked on. However, I want to modify this code by altering the else statement to say something to the effect of "else if event.target (clicked on object) is 'resolv2.jpg' THEN go to google". So essentially, my question is how can I determine which image was clicked? Here is the entire code with the area I was altering bolded:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" applicationComplete="init();" backgroundGradientColors="[#000033, #000033]" backgroundGradientAlphas="[1.0, 1.0]">
<mx:Script>
          <![CDATA[
//Import Papervision Classes
               import org.papervision3d.scenes.*;
               import org.papervision3d.cameras.*;
               import org.papervision3d.objects.*;
               import org.papervision3d.objects.primitives.*;
               import org.papervision3d.materials.*;
               import org.papervision3d.materials.shadematerials.*;
               import org.papervision3d.materials.utils.MaterialsList;
               import org.papervision3d.lights.*;
               import org.papervision3d.render.*;
               import org.papervision3d.view.*;
               import org.papervision3d.events.*;
               import org.papervision3d.core.*;
               import org.papervision3d.lights.PointLight3D;
               import flash.filters.DropShadowFilter;
                     import caurina.transitions.*;
                     private var numOfItems:int = 5;
                     private var radius:Number = 600;
                     private var anglePer:Number = (Math.PI*2) / numOfItems;
                     //private var dsf:DropShadowFilter = new DropShadowFilter(10, 45, 0x000000, 0.3, 6, 6, 1, 3);
               public var angleX:Number = anglePer;
         public var dest:Number = 1;
               private var theLight:PointLight3D;
        //Papervision Engine
               private var viewport:Viewport3D;
               private var scene:Scene3D;
               private var camera:Camera3D;
               private var renderer:BasicRenderEngine;
         private var planeArray:Array = new Array();
         [Bindable]
         public var object:Object;
         private var arrayPlane:Object;
         private var p:Plane;
         //Initiation function
         private function init():void
         viewport = new Viewport3D(pv3dCanvas.width, pv3dCanvas.height, false, true);
         pv3dCanvas.rawChildren.addChild(viewport);
         viewport.buttonMode=true;
         renderer = new BasicRenderEngine();
         scene = new Scene3D();
         camera = new Camera3D();
         camera.zoom = 2;
         createObjects();
         addEventListeners();
//Create Objects function
          private function createObjects():void{
          for(var i:uint=1; i<=numOfItems; i++)
                    /* var shadow:DropShadowFilter = new DropShadowFilter();
                    shadow.distance = 10;
        shadow.angle = 25; */
                    var bam:BitmapFileMaterial = new BitmapFileMaterial("images/resolv"+i+".jpg");
                    bam.oneSide = false;
                    bam.smooth = true;
        bam.interactive = true;
                    p = new Plane(bam, 220, 200, 2, 2);
                    p.x = Math.cos(i*anglePer) * radius;
                    p.z = Math.sin(i*anglePer) * radius;
                    p.rotationY = (-i*anglePer) * (180/Math.PI) + 270;
                    scene.addChild(p);
                    //p.filters=[shadow];
                    p.extra={pIdent:"in"};
                    p.addEventListener(InteractiveScene3DEvent.OBJECT_PRESS, toggler);
        planeArray[i] = p;
          // create lighting
        theLight = new PointLight3D();
        scene.addChild(theLight);
        theLight.y = pv3dCanvas.height;
          private function toggler(event:InteractiveScene3DEvent):void
                        // if the cube's position is "in", move it out else move it back
                        if (event.target.extra.pIdent == "in")
                                moveOut(event.target);
                        else
                               moveBack(event.target);
                private function moveOut(object:Object):void
                          trace(object +" my object");
                        // for each cube that was not selected, remove the click event listener
                        for each (var arrayPlane:Object in planeArray)
                                if (arrayPlane != object)
                                        arrayPlane.removeEventListener(InteractiveScene3DEvent.OBJECT_PRESS, toggler);
                        //right.enabled=false;
                        //left.enabled=false;
                        // move the selected cube out 1000 and rotate 90 degrees once it has finished moving out
                        Tweener.addTween(object, {scaleX:1.2, time:0.5, transition:"easeInOutSine", onComplete:rotateCube, onCompleteParams:[object]});
                        Tweener.addTween(object, {scaleY:1.2, time:0.5, transition:"easeInOutSine", onComplete:rotateCube, onCompleteParams:[object]});
                        // set the cube's position to "out"
                        object.extra = {pIdent:"out"};
                        // move the camera out 1000 and move it the to same y coordinate as the selected cube
                        //Tweener.addTween(camera, {x:1000, y:object.y, rotationX:0, time:0.5, transition:"easeInOutSine"});
                private function moveBack(object:Object):void
                        // for each cube that was not selected, add the click event listener back
                        for each (var arrayPlane:Object in planeArray)
                                if (arrayPlane != object)
                                        arrayPlane.addEventListener(InteractiveScene3DEvent.OBJECT_PRESS, toggler);
                        // move the selected cube back to 0 and rotate 90 degrees once it has finished moving back
                        Tweener.addTween(object, {scaleX:1, time:0.5, transition:"easeInOutSine", onComplete:rotateCube, onCompleteParams:[object]});
                        Tweener.addTween(object, {scaleY:1, time:0.5, transition:"easeInOutSine", onComplete:rotateCube, onCompleteParams:[object]});
                        // set the cube's position to "in"
                        object.extra = {pIdent:"in"};
                        // move the camera back to its original position
                        //Tweener.addTween(camera, {x:0, y:1000, rotationX:-30, time:0.5, transition:"easeInOutSine"});
                        //right.enabled=true;
                        //left.enabled=true;
                private function goBack():void
                        // for each cube that was not selected, add the click event listener back
                        for each (var arrayPlane:Object in planeArray)
                                if (arrayPlane != object)
                                        arrayPlane.addEventListener(InteractiveScene3DEvent.OBJECT_PRESS, toggler);
                private function rotateCube(object:Object):void
                        //object.rotationX = 0;
                        //Tweener.addTween(object, {rotationZ:0, time:0.5, transition:"easeOutSine"});
          private function addEventListeners():void{
    this.addEventListener(Event.ENTER_FRAME, render);
//Enter Frame Listener function
private function render(e:Event):void{
                 renderer.renderScene(scene, camera, viewport);
                 camera.x = Math.cos(angleX) * 800;
                 camera.z = Math.sin(angleX) * 800;
private function moveRight():void
          dest++;
          Tweener.addTween(this, {angleX:dest*anglePer, time:0.5});
          //goBack();
private function moveLeft():void
          dest--;
          Tweener.addTween(this, {angleX:dest*anglePer, time:0.5});
          //goBack();
          ]]>
</mx:Script>
          <mx:Canvas width="1014" height="661">
          <mx:Canvas id="pv3dCanvas" x="503" y="20" width="400" height="204" borderColor="#110101" backgroundColor="#841414" alpha="1.0" backgroundAlpha="0.57">
          </mx:Canvas>
          <mx:Button x="804" y="232" label="right" id="right" click="moveRight(),goBack()"/>
          <mx:Button x="582" y="232" label="left" id="left" click="moveLeft(),goBack()" />
          </mx:Canvas>
</mx:Application>

Your answer may be correct, but I am very much a beginner to actionscript, and I was wondering moreso if it is possible to determine the root/url (i.e. images/resolv2.jpg)? Or even if InteractiveScene3DEvent calls a variable that holds this url? However, specifically, I'm just wondering if the actionscript itself could determine the url in a line of code such as "if object == BitmapFileMaterial("/images/resolv2.jpg"); "? Also, here's a copy of InteractiveScene3DEvent in more detail if you think that will help:
public class InteractiveScene3DEvent extends Event
                     * Dispatched when a container in the ISM recieves a MouseEvent.CLICK event
                    * @eventType mouseClick
                    public static const OBJECT_CLICK:String = "mouseClick";
                     * Dispatched when a container in the ISM receives an MouseEvent.MOUSE_OVER event
                    * @eventType mouseOver
                    public static const OBJECT_OVER:String = "mouseOver";
                     * Dispatched when a container in the ISM receives an MouseEvent.MOUSE_OUT event
                    * @eventType mouseOut
                    public static const OBJECT_OUT:String = "mouseOut";
                     * Dispatched when a container in the ISM receives a MouseEvent.MOUSE_MOVE event
                    * @eventType mouseMove
                    public static const OBJECT_MOVE:String = "mouseMove";
                     * Dispatched when a container in the ISM receives a MouseEvent.MOUSE_PRESS event
                    * @eventType mousePress
                    public static const OBJECT_PRESS:String = "mousePress";
                     * Dispatched when a container in the ISM receives a MouseEvent.MOUSE_RELEASE event
                    * @eventType mouseRelease
                    public static const OBJECT_RELEASE:String = "mouseRelease";
                     * Dispatched when the main container of the ISM is clicked
                    * @eventType mouseReleaseOutside
                    public static const OBJECT_RELEASE_OUTSIDE:String = "mouseReleaseOutside";
                     * Dispatched when a container is created in the ISM for drawing and mouse interaction purposes
                    * @eventType objectAdded
                    public static const OBJECT_ADDED:String = "objectAdded";
                    public var displayObject3D                                        :DisplayObject3D = null;
                    public var sprite                                                            :Sprite = null;
                    public var face3d                                                            :Triangle3D = null;
                    public var x                                                                      :Number = 0;
                    public var y                                                                      :Number = 0;
                    public var renderHitData:RenderHitData;
                    public function InteractiveScene3DEvent(type:String, container3d:DisplayObject3D=null, sprite:Sprite=null, face3d:Triangle3D=null,x:Number=0, y:Number=0, renderhitData:RenderHitData = null, bubbles:Boolean=false, cancelable:Boolean=false)
                              super(type, bubbles, cancelable);
                              this.displayObject3D = container3d;
                              this.sprite = sprite;
                              this.face3d = face3d;
                              this.x = x;
                              this.y = y;
                              this.renderHitData = renderhitData;
Thank you so much!

Carousel View Better Than Cover Flow For The Finder?

I have been using my .Mac Web Gallery quite a bit lately and I love the new and improved Carousel view. Apple keeps updating it (they added reflections, a nice play/pause scroll bar, and now you can use the scroll wheel (or ball) on your mouse just like Cover Flow in iTunes and the Finder) making it better and better and it has gotten to the point where I think it would make a lot more sense (and look nicer) for Apple to implement it in the Finder in place of Cover Flow. Cover Flow works perfectly for iTunes still (as that's what it was intended for) and I think that it's "Ok" in the Finder in Leopard, but now that Apple has cleaned up the Carousel view so much in the .Mac Web Gallery, I can see it looking PERFECT in the Finder in Leopard. For anyone who's used or seen the Cover Flow view in the Finder, you'll realize what I mean when I say that it's "Ok". The problem with it is that most of the dynamically generated icons in Leopard are not nice squares like the albums in iTunes so the icons off to the sides of the center one look skewed and distorted. The Carousel view would fix that problem while retaining the benefits of the Cover Flow view and, from what I can see, would actually enhance the benefits because the side icons would be easier to see as they are not skewed. All I'm suggesting is for Apple to swap out the Cover Flow view in the Finder for the Carousel view and then the Finder would really SHINE! So, my question to any of you is, "Would you vote for the Carousel view to replace the Cover Flow view in the Finder?" Please let me know any of your ideas or suggestions. Thanks.

I made a newer post about this same topic (trying to be a little more strategic) and this time I included a link to a video demonstrating my point. Here's the post http://discussions.apple.com/message.jspa?messageID=6574743#6574743.
I couldn't agree with you more on the custom folder icon issues. I'm beginning to find out what the problem is on that. I have used the newest version of Candy Bar for my Home directory icons and that works fine, but there are some folders that I want to use a different icon for and leave the rest as they are. Candy Bar can't do this for me (as it only works with the generic icons) and so I used Apple's Icon Composer application (in the Developer Tools) to make the correct icon sizes for Leopard and then saved them as .icns but then copying and pasting that on a folder would result in the default ICNS icon and not my custom icon (that was under 10.5.1). So I finally got the custom icon to appear, but it only works for sizes 128x128 and lower, even though I put a 512X512 version in there. That's why it doesn't show up in Cover Flow. For some reason, Leopard "blacks" out anything larger than 128x128 on "Cut and Paste" icons. I found that out by copying my custom icon from the Get Info panel and then opening that in Preview and it shows a black background for the larger icons instead of the alpha channel. I'm still trying to figure this out. Also, IconBuilder seems to be doing the same thing (making and ICNS file) but it seems to work better. I haven't used that since I've upgraded to Leopard but from what I've read it should work, but I don't have Photoshop right now. Well, thanks for posting and agreeing with me on the Carousel view and I hope you check out my video. Thanks.

Centre Carousel

Hello Everyone,
I've have worked through the excellent Lee Brimelow carousel
tutorial and got it working perfectly. I'm using it as the
interface for a CDRom I'm producing, the problem I'm having is
regarding the projector. I have the stage centred within the screen
using the fscommands 'fullscreen", true / 'allowscale", false. When
the user visits one of the other pages and comes back to the main
menu, the carousel is way off at the bottom right of the page
– off the actual stage! Is there a way of locking the
carousel to the centre of the stage? Any help will be greatly
appreciated.
Regards
Darren.

Michael
Sorry to see someone is trying to threadjack your, and many others', topic. Hopefully something will be done by the mods.
Anyway, back to your question.
The main problem I find with third party devices like the ones you have mentioned is that they tend to be very Windows-centric. Furthermore, I don't believe they will play tracks purchased from the iTunes Store (if you have any in your music collection).
Although I don't have quite the same set-up as yourself I do playback music and videos on my living room TV. Whilst I do have a Mac mini next to the TV specifically for media centre use, I also stream non-HD video (using CyTV) and iTunes music from a second Mac mini (located in my home office) via my home network. Actually, with the way I have mine currently set-up, I can access my music and video content from anywhere in my house and garden.
Depending on your set-up, it may still be possible for you to use the PowerBook to do something similar from another room.
2.0GHz MacBook, 15" 1.25GHz/12" 1GHz PBs, 2xPPC Mac minis, 12" iBook G4, Mac OS X (10.4.8) Cube, 2xTAMs, iPod 4G & nano 2G, 1G & 2G iPs, AEBS, AX

What is the best way to implement Carousel i.e. web part in a site page on office 365 site?

We can implement the Carousel web part in many ways like content By Query Web Part , jquery (nivo) plugin or content search web part etc. But among these which one is the best way to implement to get best performance of the page?
Thanks

content search web part always provides best performance because it uses the search. only consideration you need to take is, it does not display the changes immediately and you need to wait for the incremental crawl to happen.
My Blog- http://www.sharepoint-journey.com|
If a post answers your question, please click Mark As Answer on that post and Vote as Helpful

HELP with object carousel

Hi,
I need some help with the use of the DSM-CC object carousel.
In my Xlet, I need to read a file (previsioni.TXT), that is in the package testo; this is the structure of my folder:
\\mio; the first package
\\ MyXlet.java
\\ testo; package with the text
\\ previsioni.TXT
1. so I create un object carousel and then access the file with the java.io.File :
try {
               System.out.println("Requesting file");
                    DSMCCObject carouselFile = new DSMCCObject("testo/previsioni.TXT");
          carouselFile.synchronousLoad();
          FileInputStream inFile = new FileInputStream(carouselFile);
          //Construct a DataInputStream by using the
               //FileInputStream in the constructor method.
          DataInputStream inData = new DataInputStream (inFile);
          //Invoke methods of DataInputStream to read data from the data source.
     String s = inData.readUTF();
     System.out.println(s);
          //Close the FilterInputStream.
     inData.close ();
               catch (InvalidPathNameException e) {
                    System.out.println("Invalid path name!");
               catch (IOException e){
                    System.out.println("Problem reading previsioni.txt ");
but when I run this code Xletview write
[XleTView]-INFO->loading Xlet... [mio.StatiXlet]
[XleTView]-INFO->XLET started... [mio.StatiXlet]
mio.StatiXlet : Inizializzazione avvenuta!
mio.StatiXlet : Hello TV World
Requesting file
xjava.io.File -
Problem reading previsioni.txt
and so there is an IO execption. Can someone help me?
2. then, when the file is in the string s, i would display this file; I try with the Htext:
texts = new HText( s, 20, 20, 200, 300, new Font("Tiresias", Font.BOLD, 26), Color.black, Color.white, new HDefaultTextLayoutManager());
but when I compile the code appear:
StatiXlet.java:173: cannot resolve symbol
symbol : variable s
location: class mio.StatiXlet
texts = new HText( s, 20, 20, 200, 300, new Font("Tiresi
as", Font.BOLD, 26), Color.black, Color.white, new HDefaultTextLayoutManager());
^
1 error
Do you know how can I display this file?
Thank you very much

Hi beker,
thank you so much for your help, but I have another question.
I use your code and when I compile is OK, but when I run it in XletView it doesn't find the file previsioni.TXT and write this:
[XleTView]-INFO->loading Xlet... [mio.StatiXlet]
[XleTView]-INFO->XLET started... [mio.StatiXlet]
mio.StatiXlet : Inizializzazione avvenuta!
mio.StatiXlet : Hello TV World
xjava.io.File - testo/previsioni.TXT
java.io.FileNotFoundException: E:\Documenti\tirocinio\xlet esempi\testo\previsio
ni.TXT (Impossibile trovare il percorso specificato)
at java.io.FileInputStream.open(Native Method)
at java.io.FileInputStream.<init>(FileInputStream.java:103)
at java.io.FileInputStream.<init>(FileInputStream.java:66)
at xjava.io.FileInputStream.<init>(Unknown Source)
at xjava.io.FileInputStream.<init>(Unknown Source)
at mio.StatiXlet.startXlet(StatiXlet.java:97)
at net.beiker.xletview.xlet.XletManager.resumeRequest(Unknown Source)
at net.beiker.xletview.xlet.XletManager.run(Unknown Source)
at java.lang.Thread.run(Thread.java:536)
s=not read
What does it mean? I'm sure that the path is right, what do you think?
Thank you very much beiker for your help

Carousel component, need help!?

Hi! I created master/detail form in JDeveloper! Where Carousel is detail form.
I added bean to Carousel component:
public class Carousel {
    public Carousel() {
     * Gets new carusel item and set current row of iterator.
     * @param event
    public void caruselSpin(CarouselSpinEvent event) {
            List l =(List)event.getNewItemKey();
            Key k = (Key)l.get(0);
            DCIteratorBinding iter =
                getDCBindingContainer().findIteratorBinding("AAtteli1Iterator");
            iter.setCurrentRowWithKey(k.toStringFormat(true));
    public DCBindingContainer getDCBindingContainer() {
        return (DCBindingContainer)resolveExpression("#{bindings}");
    public Object resolveExpression(String expression) {
        FacesContext facesContext = FacesContext.getCurrentInstance();
        Application app = facesContext.getApplication();
        ExpressionFactory elFactory = app.getExpressionFactory();
        ELContext elContext = facesContext.getELContext();
        ValueExpression valueExp =
            elFactory.createValueExpression(elContext, expression,
                                            Object.class);
        return valueExp.getValue(elContext);
}So when I run my page I can see something like this: http://my.jetscreenshot.com/2677/20101005-yas0-26kb
When I navigate witth Carousel to last (3 image) then I can see something like this: http://my.jetscreenshot.com/2677/20101005-kwtm-22kb
WHY when I am on first image, I can't see last image in foggy way? And what to do?
To View Images I use: /ImageServletCarousel?Id=#{bindings.ADokumentiPk.inputValue} and imegeServlet.
Hope my question and information is clear and someone can help me. If not clear or need mor information then please let me know.
Best regards, Debuger!

Maybe the problem is in servlet?
package kokaugi.view.servlets;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.*;
import javax.servlet.http.*;
import java.io.IOException;
import java.io.InputStream;
import java.io.OutputStream;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import oracle.jbo.ApplicationModule;
import oracle.jbo.Row;
import oracle.jbo.ViewObject;
import oracle.jbo.client.Configuration;
import oracle.jbo.domain.BlobDomain;
public class ImageServlet extends HttpServlet {
    public void doGet(HttpServletRequest req, HttpServletResponse res)
                                             throws ServletException, IOException {
         processResponse(req,res);
     public void doPost(HttpServletRequest req, HttpServletResponse res)
                                             throws ServletException, IOException {
         processResponse(req,res);
     private void processResponse(HttpServletRequest req, HttpServletResponse res)
                                             throws ServletException, IOException{
         String imageId = req.getParameter("Id");
         OutputStream out = res.getOutputStream();
         String amDef = "kokaugi.model.KokaugiModule";
         String config = "KokaugiModuleLocal";
         ApplicationModule am = Configuration.createRootApplicationModule(amDef, config);
         ViewObject vo = am.findViewObject("ADokumentiDati1");
         if(imageId != null){
           vo.setWhereClause("A_DOKUMENTI_PK=:img_id_tab");
                      vo.defineNamedWhereClauseParam("img_id_tab", null, null);
                      vo.setNamedWhereClauseParam("img_id_tab", imageId);
                      String query = vo.getQuery();
                      System.out.println(query);
                      vo.executeQuery();
         if(vo.getEstimatedRowCount()==1){
            Row currentRow = vo.first();
            String contentType = (String)currentRow.getAttribute("DokumentaTips");
            if(contentType.equals("image/jpeg") || contentType.equals("image/gif")|| contentType.equals("image/png")){
                    BlobDomain image = (BlobDomain)currentRow.getAttribute("Dokuments");
                    res.setContentType(contentType);
                            InputStream is = image.getInputStream();
                            byte[] buffer = new byte[10 * 1024];
                            int nread;
                            while ((nread = is.read(buffer)) != -1)
                            out.write(buffer, 0, nread);
                            out.flush();
                            out.close();
        Configuration.releaseRootApplicationModule(am, false);
}

How to embed Adobe Edge HTML5 animations into carousel instead of images.

Is the above question possible? I cannot figure out a way to embed any of my html5 animations (created in Adobe Edge) into a carousel. I have tried creating a nested slider inside of Edge, and I have tried hard coding it, but can not figure out an appropriate solution.

Nancy,
Slideshow is now working great, but I cannot get my animations to exist within the slides themselves. I tried them inside this html but not inside the slideshow, and they work fine, but if I try to add them into the slider, nothing happens and that particular slide is simply blank. I have only tried the first one but it is not working. Here is my code:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Cycle2 with Carousel Slider</title>


<script src="http://code.jquery.com/jquery-latest.min.js">
</script>

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20130409/jquery.cycle2.min.js"></script>

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/20130409/jquery.cycle2.carousel.min.js"></script>

    <script type="text/javascript" charset="utf-8" src="Infographic-1_edgePreload.js"></script>
    <style>
        .edgeLoad-EDGE-3350547 { visibility:hidden; }
    </style>

<style>
.slideshow {
    width: 915px;
          height: 440px;
    margin: 0 auto;
    border: 1px solid silver;
.slideshow div {
    width: 915px;
          height: 440px;
/* slideshow pager */
.cycle-pager {
    text-align: center;
    width: 100%;
    z-index: 500;
    position: relative;
    top: 0;
.cycle-pager span {
    font-family: arial;
    font-size: 75px;
    width: 22px;
    height: 22px;
    display: inline-block;
    color: #ddd;
    cursor: pointer;
.cycle-pager span.cycle-pager-active { color: #FF0004; }
.cycle-pager > * { cursor: pointer; }
/**End Cycle2 Carousel Styles**/
</style>
</head>
<body>
<header>
<h1><a href="http://www.malsup.com/jquery/cycle2/">jQuery Cycle 2</a> with <a href="http://jquery.malsup.com/cycle2/demo/carousel.php">Responsive Carousel </a>Slider</h1>
</header>

<div class="slideshow"
data-cycle-pause-on-hover="true"
data-cycle-fx="carousel"
data-cycle-timeout="0"
data-cycle-pager="#pager"
data-cycle-carousel-visible="1"
data-cycle-carousel-fluid="true"
data-cycle-slides="div"
>

<div id="Stage" class="EDGE-3350547">
</div>
<div>
<p>Slide two content here...</p>
</div>
<div>
<p>Slide three content here...</p>
</div>
<div>
<p>Slide four content here...</p>
</div>

</div>

<div class="cycle-pager" id="pager">

</div>

<script>$.fn.cycle.defaults.autoSelector = '.slideshow';
</script>
</body>
</html>

Carousel images are not rotating

hi,
my carousel is all setup and working fine on my site. there is one thing that it is not doing. the images should automatically rotate. the properties are all set in the xml file and look like the following cut down version of the xml:
<?xml version="1.0" encoding="UTF-8"?>
<settings rotationKind="1" rotationSpeed="4" enableMouseWheel="0" stopRotatingOnMouseOver="1" autoRotateMode="1" autoRotateInterval="1" stopAutoRotateOnClick="1" spanX="175" spanY="30" centerX="325" centerY="225" distanceValue="0" distanceDarken="0.5" perspectiveRatio="0.8" minimumscale="0.5" />
javasctipt looks like this:
<script type="text/javascript">
var flashvars = {
xmlLocation: "carousel/data.xml",
imageLocation: "carousel/"
swfobject.embedSWF("carousel/Carousel.swf", "FlashContainer", "500", "260", "9.0.0.0", false, flashvars, null, null);
</script>
i tried changing the autoRotatMode to autoRotate - still no luck. any suggestions for me to try? thanks...

Hi Himanshu,
Tools>Internet Options>Advanced tab, click the "Reset" button.
Close all open IE windows and then start IE and try again.
Post consumer questions about IE to http://answers.microsoft.com (Help>Online Support menu from IE.)... at the answers forum you have to select what version of windows and IE you are using with your question...
which you did not stipulate here.
You can also choose at answers your preferred language and receive an answer in your preferred language.
Also include with your questions to answers, the FULL address of any websites you are having problems with... so that the support engineers can visit and test the web page...
Just saying Facebook is not sufficient as when you say 'pictures' are not displaying...perhaps you mean 'video' pictures... also websites like Facebook have different addresses for different parts of the world.
eg. http://facebook.com.au/ or http://youtube.com.au/nasa
This forum is for questions from System Administrators who manage 100's of computers that use IE with IEAK and GPO.
Regards.
Rob^_^

Carousel Web App - Alphabetical Slide Ordering?

Hi team,
The default display order for slides in the "Carousel" Web App seems to be Alphabetical. My Client wants the first slide featured to be a new product which is not the first alphabetcally and I'm hesitant to change the title of the slide to "AAA Trolleys Now Available" as this will then show up in the title when the user clicks through.
I'm using the Adora template. I have created a test 'untouched' copy of the Adora template here:
http://adoraspare.businesscatalyst.com/
...although... you can easily test this out yourself (and access the back end) by just setting up a spare trial site yourself using the Adora Template.
I can't find anywhere to change the default slide order from alphabetical.

Connybelle wrote:
My HP Photosmart 5514 is set up on wireless. It will not let me print a picture from my computer. No matter what I do, it tells me to insert a memory card. I want to print what is in my pictures on the computer. Any ideas?
If you're trying to print from your computer to your printer via wireless, you have a basic printing question...You can get help for those types of questions in this forum:
http://h30434.www3.hp.com/t5/Printing-Issues-Troubleshooting/bd-p/PostPrint
I am an HP employee.

Carousel Questions

Similar Messages

Maybe you are looking for