Resize slide question
I am trying to convert a slide show that is in a 4x3 aspect ratio to a custom 8x3 aspect ratio. I have changed the slide size from 1024x768 to 2048x768, and that works fine.
However, I need to old 4x3 slide content to be on the left side; currently is seems to default to centering it on the new, larger format.
Is there any way to accomplish this?
More information (was on my phone before) in this document:
Top issues | Adobe Captivate 8.0.1
Similar Messages
-
Finder - Folder Info and Resize Slider
Hi,
I couldn't find this in any other discussions and hopefully it is a stupid question with an easy answer...
I'm not a big fan of the new simplified finder.
As I work with images and do a lot of resizing, renaming and select certain images from a folder I used to find the info at the bottom of the finder windo which told me how many files were in the folder and also had the thumbnail size adjustment slider as well. Where have these gone???
Only now they have gone do I realise how much I need them.
Thanks in advance for any help.Ahh yes... For anyone else with this stupid problem.
Finder --> View --> Show Status Bar
Then close and reopen the finder and it will be there. -
Is it possible to resize slides?
Hi,
I have a template that I use for my e-learning to keep a consistent look and feel, and because I have a few advanced actions set up. For one project, I need to slightly adjust the height of the slides. Is this possible? I want to keep all the slides, and their associated objects and actions, just resize them so that I can fit a little more on screen.
Hoping this is possible, and that someone knows a way this can be done, but a cursory search on Google and in the UI of Captivate didn't reveal anything.
I'm using Cp5.5 but can upgrade or downgrade if required. Thanks all!Thanks Lilybiri, that's very helpful. I was hoping that Cp would resize the slides, and not the graphic objects, but as you said, it treats them all the same so there is quality loss and distortion (since I'm keeping the width the same, but amending the height).
However, this is still a viable solution for me, because the main thing I didn't want to have to do was recreate all the advanced actions again, and recreate the associated click boxes, etc. So I'll resize and then just re-add all the graphics and start from there.
Thanks very much for your help! -
Easy Slide Question for Website
Easy question for u guys.
What is the easiest way to create slider header such as these websites ->
http://www.pclsolutions.com/
http://www.alivre.com/
What is the easies way of doing it???
Dreamweaver has so many options, and I have very limited time so I was wondering if anybody could give me the easy answer here so I can proceed further.
Thank you in advance guys.Log-in to the Adobe Widget Exchange and grab Spry Content Slideshow
http://labs.adobe.com/technologies/widgetbrowser/
WOW slider
http://wowslider.com/
NIVO slider
http://nivo.dev7studios.com/
just to name a few...
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com/ -
Resizing Composition question...
Hello,
Forgive the noob question.
I've resized the composition, and the footage I have within it doesn't resize. No problem, but then I select my footage and/or corresponding elements and then have to scale down.
Is there a way to select footage/image/etc. and manually input a point size based on the comp settings size? Right now I select the object, and then go to scale under the tranform properties and find a percentage number the best fits. I'd like to be more precise, maybe use pixels dimensions instead of using percentage-based numbers.
Thanks!What are you doing: making the original comp smaller, or making it bigger?
To make it small, simply make a smaller comp, nest the larger original comp in the new comp, and scale the nested comp to fit the new comp.
To make it large, there's a script that comes with AE that can do the trick.
And I have absolutely NO notion why you can't get the necessary precision using the scale property as it is. I don't think I've ever heard that come up before. Your eyes must be a whole lot better than mine to see the difference between 23.42% and 23.43%. -
Meter / slider questions - cluster names, changing needle colour
OK, so a couple of questions about meters /sliders.
I have a meter indicator on a form, with two needles. (example attached)
I want to create the cluster for the input using "bundle by name", but the meter "cluster" does not appear to have any names. I want the elements of the cluster to be "Channel 1" and "Channel 2" - how do I do this?
Secondly, I want to be able to set the needles to transparent.
I can do this with a meter with only one needle, but for more than one, I think you need to set the Active slider ("Actslider") property.
It strikes me that the easiest way to do this is to use a loop, but how do I discover how many needles the meter has? Or could I use the cluster names to s
pecify which needle I want to change colour?
TIA
Joolz
[I'm going to add the word "color" here so that those of you across the pond will also be able to find this from the search engine ;-) ]
Attachments:
Slider_Cluster_Question_for_Labview_Forum.vi 14 KBThank you both for the responses, and apologies for the tardy reply - changing priorities, etc, etc, you know how it is...
I've attached a Vi to act as an example for anyone else who has either of these problems.
The main thing I found out is that although you can, as you say, use a constant to "declare" the cluster names for the gauge, these names are only "remembered" by the wire - if you create a local variable of the gauge, it will NOT remember the cluster names. That's what had me confused...
Cheers
Joolz
Attachments:
Transparent_needles_and_Cluster_Names_for_Gauges.vi 84 KB -
Trouble customizing theme images for resized slide
I am working with Keystation_eclipse pro theme. I originally chose the 1280 X 720 slide resolution. But I am changing the height to 768 to work optimally with the resolution of my projector. When changed, the background image is scaled but the other "primary overlay" image remains at the 720 resolution. I took the the "primary overlay" image and scaled it to 768 in order to resolve the problem. But now the layout with primary overlay image on the background image is not properly aligned. I have no idea how to resolve this layout situation. Any ideas?
click here to the problem image. You will see the gray bars are not pushed all they to the top as they are in the second image. The bottom bar is pushed halfway off the screen:
http://www.balticsojourn.com/files/768_slide.jpg
click here to see the original image:
http://www.balticsojourn.com/files/normal_slide.jpg
intel macbook Mac OS X (10.4.9)
mini, 1.42 g4 Mac OS X (10.4.2)
mini, 1.42 g4 Mac OS X (10.4.2)Brian, thanks for the tip. Going back to the Metrix inspector the options were greyed out and so I can't change the coordinates. PLease see link below to see screenshot of the inspector window.
http://www.balticsojourn.com/files/Picture1.png
Mac mini (PPC); MacBook Mac OS X (10.4.9) -
So this is my HTML. I am using a JS image slider.
I am trying to get the image slider to be full screen and scale to 100% in the window. Weither it is full screen or smaller.
The width works perfectly, but when i make the height 100% it doesnt work.. px's work fine, but thats not exactly what i want to have.
Here is the CSSI have used this in the past to get 100% height, I don't know if there's anything inherantly wrong with it, it validates, so at least there's that.
Adding in style="height:100%;" to the <html><body> and any other parent element of the one you want to be 100% will make it 100% of the window size. It takes a little reorganizing/positioning if you have something you want to be 100% burried too far into other elements.
Here's an example...
<!DOCTYPE html>
<html style="height:100%;">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Todd is 100 Percent</title>
</head>
<body style="margin:0; height:100%;">
<div style="height:100%;">
<div id="todd" style="height:100%; background-color:blue;">some stuff</div>
</div>
</body>
</html>
In this example, the todd div will be 100% of the window size. If you add any content before todd though, you may want to reorganize the layout because todd will stay 100% even after it's dropped down the page by other content, so you can end up with a scroll bar vertically.
EDIT: Had wrong doctype. -
Importing Powerpoint slides question
I'm working on one of my first paying gigs as an editor. It's a weekend seminar about Accupuncture. Much of what was presented during the seminar accompanied a Powerpoint presentation.
Now that I'm editing it down I'd like to take individual slides from the PP presentation and include them in the video. However, I am unsuccessful in importing the files for use.
Is it possible to use PP slides in FCP?
thanks!
G4 Dual 1.25 Mac OS X (10.2.x)Open the PPT file in Powerpoint. Go to File->Save As and choose an image type from the 'Save As Type' menu ... I prefer TIF but you can choose JPG or PNG as well. Make sure you choose to save "Every Slide", not just the current one. Also make sure you create a folder to save them in so they'll all be grouped together.
In FCP, set the still frame duration you want the slides to have in FCP's preference. Next, go to File->Import->Folder and navigate to the folder of slides.
-DH -
Greetings All!
I am new to Flash CS5 and I have created a slide show. I am trying to reduce the .swf file size for faster loading. I have been trying
to adjust the size using the jpeg quality slider, but it doesn't seem to function whether I set it to 0 or 100 or anywhere in between.
Publishing always generates the same size swf file.
Can anyone point me to my error? Thanks for helping.
JayThanks Kglad! That was exactly what I was missing.
That made a huge difference!
I greatly appreciate your help.
Jay -
I have a JTabbedPane containing tabs with custom tab components set using setTabComponentAt. The tab components are JPanels with a JLabel for the tab title, and a JButton to close the tab. The problem I have is that when the text in the JLabel is changed it can become larger than the actual tab. This causes the close button to disappear off the end of the tab.
I havn't been able to find any way of resizing the tabs to fit the updated content. Does anyone know any way to do this?What are you doing: making the original comp smaller, or making it bigger?
To make it small, simply make a smaller comp, nest the larger original comp in the new comp, and scale the nested comp to fit the new comp.
To make it large, there's a script that comes with AE that can do the trick.
And I have absolutely NO notion why you can't get the necessary precision using the scale property as it is. I don't think I've ever heard that come up before. Your eyes must be a whole lot better than mine to see the difference between 23.42% and 23.43%. -
Is there any settings I can change so that the timeline window/viewer follows the slider during playback instead of staying still?
No, unfortunately not. However, you can zoom out so that you can see a larger portion of the timeline during playback, or just scroll manually.
-
I am trying to better understand the edit sliders in QT 7 Pro.
In 6 Pro I would hold the shift key and drag the slider from an IN point to an OUT point of my choosing. This would now be highlighted, or selected. I could then cut or copy that selection. When I try that in QT 7, as soon as I click down on my IN point, everything is selected all the way back to the beginning of the movie. In essence, it is selecting backwards. I also notice that the two (in-out?) markers appear when I click anywhere along the scrub line. I am getting things done but clumsily. I know there must be some handy, easy ways to manage these powerful new features. Tips, please. Thanks.
*Apple's Quicktime Guide seems nothing more than a bunch of ads. I can't find any actual "guide."
nÔÔdle--hëadUse the letter i and o keys to select in and out points. They will be created at the location of the playhead.
Hold down the shift key and use the arrow keys to add (or remove) frames. -
Is there any way to get questions to appear on a question slide after a certain amount of time?
Here is what I'm trying to accomplish. I would like the narration to play on a slide, and some images will appear while the narration is speaking as well. Once the narration is done the questions will appear, and the user can select their answer. I do not see anywhere that I can set timings for the question area. I thought about making this into two slides, but if the user wants to hear the question again they would be unable to since it's on a previous slide. If anyone has an idea, or a workaround, please let me know.
The default objects on question slides (question type, question, answers, buttons...) are embedded in that slide, don't have a separate timeline, and that is why you cannot time them individually at all.
Two possible choices:
Create a custom question slide, using standard objects (over which you have total control), advanced actions and scored objects to transfer the score to a LMS if that is necessary
Use two slides as you already proposed: you can set the objects to display for the rest of the project, so that they also will be visible on the second, question slide. You can add a shape button to a question slide, to have the narration played again if the user wishes, using the same audio clip as you used as slide audio (I think) on the previous slide, now with the command 'Play audio'.
Lilybiri -
Hi Guys, I need help finding the right piece of Javascript code to amend in the Adora template to slow the slides down to flip every 5 or 6 seconds (5000 to 6000 milliseconds) as opposed to what I can only assume is currently 3 secs (3000 milliseconds).
I've used the default BizCatalyst file manager to "edit" line 624 of jquery.anythingslider.js from 3000 milliseconds to 6000 milliseconds with no affect.
What am I missing here? Is this not the right line? Does "editing" via BizCatalyst's File Manager not work? I'll admit it's not the most advanced File Manager around (not by a long shot) but surely it should work as it would suggest when you "edit", amend, and "save"?
I've hunted in these forums and within the other Javascript files and am having no luck.
I'm assuming the Javascript file in question is jquery.anythingslider.js. I've been through the rest of them and they don't appear to have anything to do with the slideshow. jquery.nivo.slider.pack.js might have something to do with it but... MAN... that coding is a mess. What were youu guys thinking using a Script that messy within a template that people are going to want to customise? Lift your game please - you are Adobe, not some rank amateurs. Finding a piece of code in there is like finding a needle in 100 haystacks.
Des McKenzieThanks Pat,
There is indeed a jquery.anythingslider.js file within the "JS" folder but I've tried chamging the delay from 3000 to 6000 even to 20000 but it makes no diff. Also it seems to sit for a disproportionate length of time on first load before the first scroll.
Code from jquery.anythingslider.js is:
AnythingSlider v1.5.7.3
By Chris Coyier: http://css-tricks.com
with major improvements by Doug Neiner: http://pixelgraphics.us/
based on work by Remy Sharp: http://jqueryfordesigners.com/
crazy mods by Rob Garrison (aka Mottie): https://github.com/ProLoser/AnythingSlider
To use the navigationFormatter function, you must have a function that
accepts two paramaters, and returns a string of HTML text.
index = integer index (1 based);
panel = jQuery wrapped LI item this tab references
@return = Must return a string of HTML/Text
navigationFormatter: function(index, panel){
return "Panel #" + index; // This would have each tab with the text 'Panel #X' where X = index
(function($) {
$.anythingSlider = function(el, options) {
// To avoid scope issues, use 'base' instead of 'this'
// to reference this class from internal events and functions.
var base = this;
// Wraps the ul in the necessary divs and then gives Access to jQuery element
base.$el = $(el).addClass('anythingBase').wrap('<div class="anythingSlider"><div class="anythingWindow" /></div>');
// Add a reverse reference to the DOM object
base.$el.data("AnythingSlider", base);
base.init = function(){
base.options = $.extend({}, $.anythingSlider.defaults, options);
if ($.isFunction(base.options.onBeforeInitialize)) { base.$el.bind('before_initialize', base.options.onBeforeInitialize); }
base.$el.trigger('before_initialize', base);
// Cache existing DOM elements for later
// base.$el = original ul
// for wrap - get parent() then closest in case the ul has "anythingSlider" class
base.$wrapper = base.$el.parent().closest('div.anythingSlider').addClass('anythingSlider-' + base.options.theme);
base.$window = base.$el.closest('div.anythingWindow');
base.$controls = $('<div class="anythingControls"></div>').appendTo( (base.options.appendControlsTo !== null && $(base.options.appendControlsTo).length) ? $(base.options.appendControlsTo) : base.$wrapper); // change so this works in jQuery 1.3.2
base.win = window;
base.$win = $(base.win);
base.$nav = $('<ul class="thumbNav" />').appendTo(base.$controls);
// Set up a few defaults & get details
base.timer = null; // slideshow timer (setInterval) container
base.flag = false; // event flag to prevent multiple calls (used in control click/focusin)
base.playing = false; // slideshow state
base.hovered = false; // actively hovering over the slider
base.panelSize = []; // will contain dimensions and left position of each panel
base.currentPage = base.options.startPanel;
base.adjustLimit = (base.options.infiniteSlides) ? 0 : 1; // adjust page limits for infinite or limited modes
if (base.options.playRtl) { base.$wrapper.addClass('rtl'); }
// save some options
base.original = [ base.options.autoPlay, base.options.buildNavigation, base.options.buildArrows];
base.updateSlider();
base.$currentPage = base.$items.eq(base.currentPage);
base.$lastPage = base.$currentPage;
// Get index (run time) of this slider on the page
base.runTimes = $('div.anythingSlider').index(base.$wrapper) + 1;
base.regex = new RegExp('panel' + base.runTimes + '-(\\d+)', 'i'); // hash tag regex
// Make sure easing function exists.
if (!$.isFunction($.easing[base.options.easing])) { base.options.easing = "swing"; }
// Add theme stylesheet, if it isn't already loaded
if (base.options.theme !== 'default' && !$('link[href*=' + base.options.theme + ']').length){
$('body').append('<link rel="stylesheet" href="' + base.options.themeDirectory.replace(/\{themeName\}/g, base.options.theme) + '" type="text/css" />');
// If pauseOnHover then add hover effects
if (base.options.pauseOnHover) {
base.$wrapper.hover(function() {
if (base.playing) {
base.$el.trigger('slideshow_paused', base);
base.clearTimer(true);
}, function() {
if (base.playing) {
base.$el.trigger('slideshow_unpaused', base);
base.startStop(base.playing, true);
// If a hash can not be used to trigger the plugin, then go to start panel
var startPanel = (base.options.hashTags) ? base.gotoHash() || base.options.startPanel : base.options.startPanel;
base.setCurrentPage(startPanel, false); // added to trigger events for FX code
// Hide/Show navigation & play/stop controls
base.slideControls(false);
base.$wrapper.bind('mouseenter mouseleave', function(e){
base.hovered = (e.type === "mouseenter") ? true : false;
base.slideControls( base.hovered, false );
// Add keyboard navigation
if (base.options.enableKeyboard) {
$(document).keyup(function(e){
if (base.$wrapper.is('.activeSlider')) {
switch (e.which) {
case 39: // right arrow
base.goForward();
break;
case 37: //left arrow
base.goBack();
break;
// Binds events
var triggers = "slideshow_paused slideshow_unpaused slide_init slide_begin slideshow_stop slideshow_start initialized swf_completed".split(" ");
$.each("onShowPause onShowUnpause onSlideInit onSlideBegin onShowStop onShowStart onInitialized onSWFComplete".split(" "), function(i,o){
if ($.isFunction(base.options[o])){
base.$el.bind(triggers[i], base.options[o]);
if ($.isFunction(base.options.onSlideComplete)){
// Added setTimeout (zero time) to ensure animation is complete... see this bug report: http://bugs.jquery.com/ticket/7157
base.$el.bind('slide_complete', function(){
setTimeout(function(){ base.options.onSlideComplete(base); }, 0);
base.$el.trigger('initialized', base);
// called during initialization & to update the slider if a panel is added or deleted
base.updateSlider = function(){
// needed for updating the slider
base.$el.find('li.cloned').remove();
base.$nav.empty();
base.$items = base.$el.find('> li');
base.pages = base.$items.length;
// Set the dimensions of each panel
if (base.options.resizeContents) {
if (base.options.width) { base.$wrapper.add(base.$items).css('width', base.options.width); }
if (base.options.height) { base.$wrapper.add(base.$items).css('height', base.options.height); }
// Remove navigation & player if there is only one page
if (base.pages === 1) {
base.options.autoPlay = false;
base.options.buildNavigation = false;
base.options.buildArrows = false;
base.$controls.hide();
base.$nav.hide();
if (base.$forward) { base.$forward.add(base.$back).hide(); }
} else {
base.options.autoPlay = base.original[0];
base.options.buildNavigation = base.original[1];
base.options.buildArrows = base.original[2];
base.$controls.show();
base.$nav.show();
if (base.$forward) { base.$forward.add(base.$back).show(); }
// Build navigation tabs
base.buildNavigation();
// If autoPlay functionality is included, then initialize the settings
if (base.options.autoPlay) {
base.playing = !base.options.startStopped; // Sets the playing variable to false if startStopped is true
base.buildAutoPlay();
// Build forwards/backwards buttons
if (base.options.buildArrows) { base.buildNextBackButtons(); }
// Top and tail the list with 'visible' number of items, top has the last section, and tail has the first
// This supports the "infinite" scrolling, also ensures any cloned elements don't duplicate an ID
base.$el.prepend( (base.options.infiniteSlides) ? base.$items.filter(':last').clone().addClass('cloned').removeAttr('id') : $('<li class="cloned" />') );
base.$el.append( (base.options.infiniteSlides) ? base.$items.filter(':first').clone().addClass('cloned').removeAttr('id') : $('<li class="cloned" />') );
base.$el.find('li.cloned').each(function(){
// replace <a> with <span> in cloned panels to prevent shifting the panels by tabbing - modified so this will work with jQuery 1.3.2
$(this).html( $(this).html().replace(/<a/gi, '<span').replace(/\/a>/gi, '/span>') );
$(this).find('[id]').removeAttr('id');
// We just added two items, time to re-cache the list, then get the dimensions of each panel
base.$items = base.$el.find('> li').addClass('panel');
base.setDimensions();
if (!base.options.resizeContents) { base.$win.load(function(){ base.setDimensions(); }); } // set dimensions after all images load
if (base.currentPage > base.pages) {
base.currentPage = base.pages;
base.setCurrentPage(base.pages, false);
base.$nav.find('a').eq(base.currentPage - 1).addClass('cur'); // update current selection
base.hasEmb = base.$items.find('embed[src*=youtube]').length; // embedded youtube objects exist in the slider
base.hasSwfo = (typeof(swfobject) !== 'undefined' && swfobject.hasOwnProperty('embedSWF') && $.isFunction(swfobject.embedSWF)) ? true : false; // is swfobject loaded?
// Initialize YouTube javascript api, if YouTube video is present
if (base.hasEmb && base.hasSwfo) {
base.$items.find('embed[src*=youtube]').each(function(i){
// Older IE doesn't have an object - just make sure we are wrapping the correct element
var $tar = ($(this).parent()[0].tagName === "OBJECT") ? $(this).parent() : $(this);
$tar.wrap('<div id="ytvideo' + i + '"></div>');
// use SWFObject if it exists, it replaces the wrapper with the object/embed
swfobject.embedSWF($(this).attr('src') + '&enablejsapi=1&version=3&playerapiid=ytvideo' + i, 'ytvideo' + i,
$tar.attr('width'), $tar.attr('height'), '10', null, null,
{ allowScriptAccess: "always", wmode : base.options.addWmodeToObject, allowfullscreen : true },
{ 'class' : $tar.attr('class'), 'style' : $tar.attr('style') },
function(){ if (i >= base.hasEmb - 1) { base.$el.trigger('swf_completed', base); } } // swf callback
// Fix tabbing through the page
base.$items.find('a').unbind('focus').bind('focus', function(e){
base.$items.find('.focusedLink').removeClass('focusedLink');
$(this).addClass('focusedLink');
var panel = $(this).closest('.panel');
if (!panel.is('.activePage')) {
base.gotoPage(base.$items.index(panel));
e.preventDefault();
// Creates the numbered navigation links
base.buildNavigation = function() {
if (base.options.buildNavigation && (base.pages > 1)) {
base.$items.filter(':not(.cloned)').each(function(i,el) {
var index = i + 1,
klass = ((index === 1) ? 'first' : '') + ((index === base.pages) ? 'last' : ''),
$a = $('<a href="#"></a>').addClass('panel' + index).wrap('<li class=" + klass + " />');
base.$nav.append($a.parent()); // use $a.parent() so IE will add <li> instead of only the <a> to the <ul>
// If a formatter function is present, use it
if ($.isFunction(base.options.navigationFormatter)) {
var tmp = base.options.navigationFormatter(index, $(this));
$a.html(tmp);
// Add formatting to title attribute if text is hidden
if (parseInt($a.css('text-indent'),10) < 0) { $a.addClass(base.options.tooltipClass).attr('title', tmp); }
} else {
$a.text(index);
$a.bind(base.options.clickControls, function(e) {
if (!base.flag && base.options.enableNavigation) {
// prevent running functions twice (once for click, second time for focusin)
base.flag = true; setTimeout(function(){ base.flag = false; }, 100);
base.gotoPage(index);
if (base.options.hashTags) { base.setHash(index); }
e.preventDefault();
// Creates the Forward/Backward buttons
base.buildNextBackButtons = function() {
if (base.$forward) { return; }
base.$forward = $('<span class="arrow forward"><a href="#">' + base.options.forwardText + '</a></span>');
base.$back = $('<span class="arrow back"><a href="#">' + base.options.backText + '</a></span>');
// Bind to the forward and back buttons
base.$back.bind(base.options.clickArrows, function(e) {
base.goBack();
e.preventDefault();
base.$forward.bind(base.options.clickArrows, function(e) {
base.goForward();
e.preventDefault();
// using tab to get to arrow links will show they have focus (outline is disabled in css)
base.$back.add(base.$forward).find('a').bind('focusin focusout',function(){
$(this).toggleClass('hover');
// Append elements to page
base.$wrapper.prepend(base.$forward).prepend(base.$back);
base.$arrowWidth = base.$forward.width();
// Creates the Start/Stop button
base.buildAutoPlay = function(){
if (base.$startStop) { return; }
base.$startStop = $("<a href='#' class='start-stop'></a>").html(base.playing ? base.options.stopText : base.options.startText);
base.$controls.prepend(base.$startStop);
base.$startStop
.bind(base.options.clickSlideshow, function(e) {
if (base.options.enablePlay) {
base.startStop(!base.playing);
if (base.playing) {
if (base.options.playRtl) {
base.goBack(true);
} else {
base.goForward(true);
e.preventDefault();
// show button has focus while tabbing
.bind('focusin focusout',function(){
$(this).toggleClass('hover');
// Use the same setting, but trigger the start;
base.startStop(base.playing);
// Set panel dimensions to either resize content or adjust panel to content
base.setDimensions = function(){
var w, h, c, cw, dw, leftEdge = 0, bww = base.$window.width(), winw = base.$win.width();
base.$items.each(function(i){
c = $(this).children('*');
if (base.options.resizeContents){
// get viewport width & height from options (if set), or css
w = parseInt(base.options.width,10) || bww;
h = parseInt(base.options.height,10) || base.$window.height();
// resize panel
$(this).css({ width: w, height: h });
// resize panel contents, if solitary (wrapped content or solitary image)
if (c.length === 1){
c.css({ width: '100%', height: '100%' });
if (c[0].tagName === "OBJECT") { c.find('embed').andSelf().attr({ width: '100%', height: '100%' }); }
} else {
// get panel width & height and save it
w = $(this).width(); // if not defined, it will return the width of the ul parent
dw = (w >= winw) ? true : false; // width defined from css?
if (c.length === 1 && dw){
cw = (c.width() >= winw) ? bww : c.width(); // get width of solitary child
$(this).css('width', cw); // set width of panel
c.css('max-width', cw); // set max width for all children
w = cw;
w = (dw) ? base.options.width || bww : w;
$(this).css('width', w);
h = $(this).outerHeight(); // get height after setting width
$(this).css('height', h);
base.panelSize[i] = [w,h,leftEdge];
leftEdge += w;
// Set total width of slider, but don't go beyond the set max overall width (limited by Opera)
base.$el.css('width', (leftEdge < base.options.maxOverallWidth) ? leftEdge : base.options.maxOverallWidth);
base.gotoPage = function(page, autoplay, callback) {
if (base.pages === 1) { return; }
base.$lastPage = base.$items.eq(base.currentPage);
if (typeof(page) !== "number") {
page = base.options.startPage;
base.setCurrentPage(base.options.startPage);
// pause YouTube videos before scrolling or prevent change if playing
if (base.hasEmb && base.checkVideo(base.playing)) { return; }
if (page > base.pages + 1 - base.adjustLimit) { page = (!base.options.infiniteSlides && !base.options.stopAtEnd) ? 1 : base.pages; }
if (page < base.adjustLimit ) { page = (!base.options.infiniteSlides && !base.options.stopAtEnd) ? base.pages : 1; }
base.$currentPage = base.$items.eq(page);
base.currentPage = page; // ensure that event has correct target page
base.$el.trigger('slide_init', base);
base.slideControls(true, false);
// When autoplay isn't passed, we stop the timer
if (autoplay !== true) { autoplay = false; }
// Stop the slider when we reach the last page, if the option stopAtEnd is set to true
if (!autoplay || (base.options.stopAtEnd && page === base.pages)) { base.startStop(false); }
base.$el.trigger('slide_begin', base);
// resize slider if content size varies
if (!base.options.resizeContents) {
// animating the wrapper resize before the window prevents flickering in Firefox
base.$wrapper.filter(':not(:animated)').animate(
{ width: base.panelSize[page][0], height: base.panelSize[page][1] },
{ queue: false, duration: base.options.animationTime, easing: base.options.easing }
// Animate Slider
base.$window.filter(':not(:animated)').animate(
{ scrollLeft : base.panelSize[page][2] },
{ queue: false, duration: base.options.animationTime, easing: base.options.easing, complete: function(){ base.endAnimation(page, callback); } }
base.endAnimation = function(page, callback){
if (page === 0) {
base.$window.scrollLeft(base.panelSize[base.pages][2]);
page = base.pages;
} else if (page > base.pages) {
// reset back to start position
base.$window.scrollLeft(base.panelSize[1][2]);
page = 1;
base.setCurrentPage(page, false);
// Add active panel class
base.$items.removeClass('activePage').eq(page).addClass('activePage');
if (!base.hovered) { base.slideControls(false); }
// continue YouTube video if in current panel
if (base.hasEmb){
var emb = base.$currentPage.find('object[id*=ytvideo], embed[id*=ytvideo]');
// player states: unstarted (-1), ended (0), playing (1), paused (2), buffering (3), video cued (5).
if (emb.length && $.isFunction(emb[0].getPlayerState) && emb[0].getPlayerState() > 0 && emb[0].getPlayerState() !== 5) {
emb[0].playVideo();
base.$el.trigger('slide_complete', base);
// callback from external slide control: $('#slider').anythingSlider(4, function(slider){ })
if (typeof callback === 'function') { callback(base); }
// Continue slideshow after a delay
if (base.options.autoPlayLocked && !base.playing) {
setTimeout(function(){
base.startStop(true);
// subtract out slide delay as the slideshow waits that additional time.
}, base.options.resumeDelay - base.options.delay);
base.setCurrentPage = function(page, move) {
if (page > base.pages + 1 - base.adjustLimit) { page = base.pages - base.adjustLimit; }
if (page < base.adjustLimit ) { page = 1; }
// Set visual
if (base.options.buildNavigation){
base.$nav.find('.cur').removeClass('cur');
base.$nav.find('a').eq(page - 1).addClass('cur');
// hide/show arrows based on infinite scroll mode
if (!base.options.infiniteSlides && base.options.stopAtEnd){
base.$wrapper.find('span.forward')[ page === base.pages ? 'addClass' : 'removeClass']('disabled');
base.$wrapper.find('span.back')[ page === 1 ? 'addClass' : 'removeClass']('disabled');
if (page === base.pages && base.playing) { base.startStop(); }
// Only change left if move does not equal false
if (!move) {
base.$wrapper.css({
width: base.panelSize[page][0],
height: base.panelSize[page][1]
base.$wrapper.scrollLeft(0); // reset in case tabbing changed this scrollLeft
base.$window.scrollLeft( base.panelSize[page][2] );
// Update local variable
base.currentPage = page;
// Set current slider as active so keyboard navigation works properly
if (!base.$wrapper.is('.activeSlider')){
$('.activeSlider').removeClass('activeSlider');
base.$wrapper.addClass('activeSlider');
base.goForward = function(autoplay) {
if (autoplay !== true) { autoplay = false; base.startStop(false); }
base.gotoPage(base.currentPage + 1, autoplay);
base.goBack = function(autoplay) {
if (autoplay !== true) { autoplay = false; base.startStop(false); }
base.gotoPage(base.currentPage - 1, autoplay);
// This method tries to find a hash that matches panel-X
// If found, it tries to find a matching item
// If that is found as well, then that item starts visible
base.gotoHash = function(){
var n = base.win.location.hash.match(base.regex);
return (n===null) ? '' : parseInt(n[1],10);
base.setHash = function(n){
var s = 'panel' + base.runTimes + '-',
h = base.win.location.hash;
if ( typeof h !== 'undefined' ) {
base.win.location.hash = (h.indexOf(s) > 0) ? h.replace(base.regex, s + n) : h + "&" + s + n;
// Slide controls (nav and play/stop button up or down)
base.slideControls = function(toggle, playing){
var dir = (toggle) ? 'slideDown' : 'slideUp',
t1 = (toggle) ? 0 : base.options.animationTime,
t2 = (toggle) ? base.options.animationTime: 0,
sign = (toggle) ? 0 : 1; // 0 = visible, 1 = hidden
if (base.options.toggleControls) {
base.$controls.stop(true,true).delay(t1)[dir](base.options.animationTime/2).delay(t2);
if (base.options.buildArrows && base.options.toggleArrows) {
if (!base.hovered && base.playing) { sign = 1; t2 = 0; } // don't animate arrows during slideshow
base.$forward.stop(true,true).delay(t1).animate({ right: sign * base.$arrowWidth, opacity: t2 }, base.options.animationTime/2);
base.$back.stop(true,true).delay(t1).animate({ left: sign * base.$arrowWidth, opacity: t2 }, base.options.animationTime/2);
base.clearTimer = function(paused){
// Clear the timer only if it is set
if (base.timer) {
base.win.clearInterval(base.timer);
if (!paused) {
base.$el.trigger('slideshow_stop', base);
// Handles stopping and playing the slideshow
// Pass startStop(false) to stop and startStop(true) to play
base.startStop = function(playing, paused) {
if (playing !== true) { playing = false; } // Default if not supplied is false
if (playing && !paused) {
base.$el.trigger('slideshow_start', base);
// Update variable
base.playing = playing;
// Toggle playing and text
if (base.options.autoPlay) {
base.$startStop.toggleClass('playing', playing).html( playing ? base.options.stopText : base.options.startText );
// add button text to title attribute if it is hidden by text-indent
if (parseInt(base.$startStop.css('text-indent'),10) < 0) {
base.$startStop.addClass(base.options.tooltipClass).attr('title', playing ? 'Stop' : 'Start');
if (playing){
base.clearTimer(true); // Just in case this was triggered twice in a row
base.timer = base.win.setInterval(function() {
// prevent autoplay if video is playing
if (!(base.hasEmb && base.checkVideo(playing))) {
if (base.options.playRtl) {
base.goBack(true);
} else {
base.goForward(true);
}, base.options.delay);
} else {
base.clearTimer();
base.checkVideo = function(playing){
// pause YouTube videos before scrolling?
var emb, ps, stopAdvance = false;
base.$items.find('object[id*=ytvideo], embed[id*=ytvideo]').each(function(){ // include embed for IE; if not using SWFObject, old detach/append code needs "object embed" here
emb = $(this);
if (emb.length && $.isFunction(emb[0].getPlayerState)) {
// player states: unstarted (-1), ended (0), playing (1), paused (2), buffering (3), video cued (5).
ps = emb[0].getPlayerState();
// if autoplay, video playing, video is in current panel and resume option are true, then don't advance
if (playing && (ps === 1 || ps > 2) && base.$items.index(emb.closest('li.panel')) === base.currentPage && base.options.resumeOnVideoEnd) {
stopAdvance = true;
} else {
// pause video if not autoplaying (if already initialized)
if (ps > 0) { emb[0].pauseVideo(); }
return stopAdvance;
// Trigger the initialization
base.init();
$.anythingSlider.defaults = {
// Appearance
width : null, // Override the default CSS width
height : null, // Override the default CSS height
resizeContents : true, // If true, solitary images/objects in the panel will expand to fit the viewport
tooltipClass : 'tooltip', // Class added to navigation & start/stop button (text copied to title if it is hidden by a negative text indent)
theme : 'default', // Theme name
themeDirectory : 'css/theme-{themeName}.css', // Theme directory & filename {themeName} is replaced by the theme value above
// Navigation
startPanel : 1, // This sets the initial panel
hashTags : true, // Should links change the hashtag in the URL?
infiniteSlides : true, // if false, the slider will not wrap
enableKeyboard : true, // if false, keyboard arrow keys will not work for the current panel.
buildArrows : true, // If true, builds the forwards and backwards buttons
toggleArrows : false, // If true, side navigation arrows will slide out on hovering & hide @ other times
buildNavigation : true, // If true, builds a list of anchor links to link to each panel
enableNavigation : true, // if false, navigation links will still be visible, but not clickable.
toggleControls : false, // if true, slide in controls (navigation + play/stop button) on hover and slide change, hide @ other times
appendControlsTo : null, // A HTML element (jQuery Object, selector or HTMLNode) to which the controls will be appended if not null
navigationFormatter : null, // Details at the top of the file on this use (advanced use)
forwardText : "»", // Link text used to move the slider forward (hidden by CSS, replaced with arrow image)
backText : "«", // Link text used to move the slider back (hidden by CSS, replace with arrow image)
// Slideshow options
enablePlay : true, // if false, the play/stop button will still be visible, but not clickable.
autoPlay : true, // This turns off the entire slideshow FUNCTIONALY, not just if it starts running or not
autoPlayLocked : false, // If true, user changing slides will not stop the slideshow
startStopped : false, // If autoPlay is on, this can force it to start stopped
pauseOnHover : true, // If true & the slideshow is active, the slideshow will pause on hover
resumeOnVideoEnd : true, // If true & the slideshow is active & a youtube video is playing, it will pause the autoplay until the video is complete
stopAtEnd : false, // If true & the slideshow is active, the slideshow will stop on the last page. This also stops the rewind effect when infiniteSlides is false.
playRtl : false, // If true, the slideshow will move right-to-left
startText : "Start", // Start button text
stopText : "Stop", // Stop button text
delay : 6000, // How long between slideshow transitions in AutoPlay mode (in milliseconds)
resumeDelay : 15000, // Resume slideshow after user interaction, only if autoplayLocked is true (in milliseconds).
animationTime : 600, // How long the slideshow transition takes (in milliseconds)
easing : "swing", // Anything other than "linear" or "swing" requires the easing plugin
// Callbacks - removed from options to reduce size - they still work
// Interactivity
clickArrows : "click", // Event used to activate arrow functionality (e.g. "click" or "mouseenter")
clickControls : "click focusin", // Events used to activate navigation control functionality
clickSlideshow : "click", // Event used to activate slideshow play/stop button
// Misc options
addWmodeToObject : "opaque", // If your slider has an embedded object, the script will automatically add a wmode parameter with this setting
maxOverallWidth : 32766 // Max width (in pixels) of combined sliders (side-to-side); set to 32766 to prevent problems with Opera
$.fn.anythingSlider = function(options, callback) {
return this.each(function(i){
var anySlide = $(this).data('AnythingSlider');
// initialize the slider but prevent multiple initializations
if ((typeof(options)).match('object|undefined')){
if (!anySlide) {
(new $.anythingSlider(this, options));
} else {
anySlide.updateSlider();
// If options is a number, process as an external link to page #: $(element).anythingSlider(#)
} else if (/\d/.test(options) && !isNaN(options) && anySlide) {
var page = (typeof(options) === "number") ? options : parseInt($.trim(options),10); // accepts " 2 "
// ignore out of bound pages
if ( page >= 1 && page <= anySlide.pages ) {
anySlide.gotoPage(page, false, callback); // page #, autoplay, one time callback
})(jQuery);
/* AnythingSlider works with works with jQuery 1.4+, but you can uncomment the code below to make it
work with jQuery 1.3.2. You'll have to manually add the code below to the minified copy if needed */
// Copied from jQuery 1.4.4 to make AnythingSlider backwards compatible to jQuery 1.3.2
if (typeof jQuery.fn.delay === 'undefined') {
jQuery.fn.extend({
delay: function( time, type ) {
time = jQuery.fx ? jQuery.fx.speeds[time] || time : time; type = type || "fx";
return this.queue( type, function() { var elem = this; setTimeout(function() { jQuery.dequeue( elem, type ); }, time ); });
Maybe you are looking for
-
Oracle JDBC Driver 10.1.0.4.0 and IndexOutOfBounds-Exception
Hello all, we´ve experienced a weird problem using the Oracle JDBC driver version 10.1.0.4.0. While executing SELECT statement we get an ArrayIndexOutOfBounds exception from the JDBC driver. Here´s the stacktrace: java.lang.ArrayIndexOutOfBoundsExcep
-
Hello. I am using a ZTE 3G modem. Whenever I connect to internet, Sometimes during browsing or downloading it disconnects with the error message, "You were disconnected by the PPP server. Try reconnecting." There is no problem with the modem. Last fe
-
How do you save an InDesign CC doc down to InDesign 6 so that you can open it in 6?
How do you save an InDesign CC doc down to InDesign 6 so that you can open it in 6?
-
Why can't I get the App "DeskConnect" on my Ipad 3. It claims to be compatible with Ipad, Iphone and Mac. I was able to download onto Mac and Iphone but it is not recognized for Ipad?
-
Clone computers. Any reason why not?
Hi I have an Intel Mini and I am going to buy a MacBook for travelling. Is there any reason why I could not just copy my Mini onto the MacBooks drive? Would it still be possible to use them together on a local network, given that their names etc woul