I'm trying to use the JQuery Cycle modules opts.addSlide() for a lobby screen. I don't seem to be able to get it running. Does the slide show already have to have content for addSlide to work. Perhaps my noobish syntax is way off. No errors are thrown.
var LobbySign = LobbySign || {};
How to use the opts.slideCount ?
Seems not working easily:
The result in the #counterMedia is: 2/undefined the opts.currentSlide works well but the opts.slideCount not.
I've been using the cycle plugin a lot lately (thanks a tonne,malsup!). I'm trying to write a wrapper plugin for the Cycle plugin that will allow me preload (more accurately, queue load) images for a banner slideshow. I've run into an issue with the cycle.addSlide function... it seems to be adding my slides out of order. Has anybody run into this before? what I'm trying to do: Each image is loaded individually, and once loaded they are added to the DOM via cycle.addSlide.
[Code]...
I've attempted to get Cycle to function as a full screen slideshow.I love Cycle for it's simple clean code, and easy implementation and also powerful options.However, when I resize my browser window, even with OnResize events in place, the Cycle plugin usually maintains the images at the size of the onload event.So I ask you, as a meager and humble creative who loves to do front end dev... how can we get Jquery cycle working at full screen and with browser window resize?nd while these both are interesting and very useful, the code is very strict and the galleries are a "swiss army knife" combination of things, easily broken, and a little proprietary
View 4 Replies View RelatedI'm definitely not a coder, don't know very much about css, know nothing about Java Script.So that said, I'm trying to make the table row height smaller on a Joomla! site with Superfish menu module, and have managed to do that a bit, but not as much as I wanted to, (don't even know how I did it now!) but ended up with space between the H3 module header/title, and menu content items, and also at the end of each menu to the header of the next. Purpose in changing row height is to save 'real estate' so I have to close up these gaps. Plus it looks weird.[URL]...
View 3 Replies View RelatedI have yet to be able to do this successfully. I am using the Cycle Plugin to cycle through a series of images and corresponding caption. To show the images, I use:
<div id="cycle-container">
<?php query_posts("cat=38&showposts=2"); ?>
<?php while (have_posts()) : the_post(); ?>
<a href="<?php the_permalink() ?>" title="<?php the_title(); ?>">
<img src="http://www.website.com/uploads/<?php echo get_post_meta($post->ID, 'Image', true); ?>" alt="Icon [Code]...
Problem: The captions do not effectively cycle. What appears is the first caption from php the_excerpt but it does not change to the next php the_excerpt text. Can I solve this problem so I get the text from php the_excerpt to correspond to each image??
I have a grouping of private/public functions defined under a namespace like so:
var Effects = function() {
// private variables
var shades = new Array("#ff9", "#ffa", "#ffb", "#ffc", "#ffd", "#ffe", "#fff");
var blindInterval = 20;
var skipFactor = 19;
var highlightInterval = 200;
// private methods
var fade = function( id, idx ) {
//
};
var resize = function( id, queue ) {
//
}
};
var getHiddenHeight = function( id ) {
//
}
};
// public methods
return {
highlight : function( id, interval ) {
//
},
blind : function( el, skip, interval ) {
//
},
toggle : function( id ) {
//
},
zebra : function( id ) {
//
},
};
}();
From mozilla, I'm able to do what's expected by calling the functions like: 'table-1' )" but in IE6 and IE7 I get a "Effects is not defined" error. That's puzzling to me, since they're both defined through a var Effects = function(), and the function itself is self-invoking.
I am having an issue with pausing the cycle from links within the cycle. I have set up a cycle that contains a html contentent including a 'video playlist'. This is a javascript based list that updates a flash video player with a new video inside the cycle. The videos are loading fine, but for some reason when i call the cycle 'pause', it dosent work? i have testing the $('#feature').cycle('pause'); from a link outside the cycle and that seems to be working, but it seems to be from the links inside the cycle content. here is the code i am using (i have made a custom crossfade transition)
function feature() {
$('#featuretitle').hide();
$('#feature').after(
'<div id="featurenav"></div>'
[Code]....
So, what I'm trying to do is embed links inside a cycle slide show. Here's an example:
[Code]...
As you can see, I'm using a div tag in place of an image and setting the image as the BG of the div. Then I'm overlaying some text and links on the "slide". When I click the links however, the result is animation invocation rather than link target invocation. The div click event is takingprecedenceover the link click event. Is there a built in handler in the Cycle library to handle this?
I'm using the Cycle plugin to display images for some of my past projects onhttp:[URL]..projekteMy problem is that in Chrome i get the above error in console.([cycle] terminating; zero elements found by selector) I have tried manually initializing the Cycle plugin for every project div and that did not help so I went back to my initial code:
[Code]...
I am working with MODx CMS. Following website: Carlindesign I integrated the cycle plugin on the home. It works but after the cycle is done the cycle call shows up instead of the next cycle.
View 2 Replies View RelatedI have seen that it is possible to combine two transitions in one cycle using a click. I would like to combine them directly after each other: a few shuffles and than a curtainX. For giving the feeling of shuffling a deck of cards and afterwards get one.
I tried this:
But the transitions are used random.
I define a cycle in document.ready as per usual. In my cycle I have different sets of images that i want to cycle through and only want certain ones to cycle as selected using the slideExpr option.
Is there a way to change this option from:
SlideExpr: 'a'
To:
SlideExpr: 'b'
Another alternative i've considered is to make a cycle of cycles.
I've worked though a lot of issues trying to get the jQuery cycle plugin working in a relatively complex situation but have hit yet another wall.
Basically, I'm trying to get the jQuery Cycle plugin to cycle through entire divs, each one of which contains yet another slider platform built in jQuery. The first div always displays exactly as it should but when I click to transition, the elements within the second div appear stacked instead of side by side on the slider as they should. I've tried modifying the CSS in every way I can think of to prevent this, but so far, no dice.
I'm not sure whether its an element of the CSS for the second slider platform (wp e-commerce product slider) or one of the two platforms themselves. One thing I did notice was that one of the inner slider divs "gallery_slider" is automatically being set to 90px wide which is way too thin, but I can't seem to figure out how to override this if that is actually the problem.
You can check out the site that I'm trying to implement this on at [url]. The trigger to change the slider div is under "Men's">"Cloth Belts".
I have developed a new site in PHP.Its done using modules and call each page in index page :[URL]... But my client want a color change on the current page select. So how can I do it using JS ?
View 2 Replies View RelatedI have a container with a few child <div> tags. The default fx should be 'fade', but when I click on the left or right navigational buttons the effect should temporarily change to 'scrollHorz' and after the next slide shows the default fx 'fade' kicks in again. How is this possible, if at all? I have asked on [url] to no avail.
View 5 Replies View RelatedI have a div that has a negative top margin and a negative right margin. The right margin is because I want to have the div slide onto the page from the right. The top margin is because without it my page height is the height of the visible elements plus the height of the off-screen div.On a button click, I move the div down and then animate it onto the screen from the right. On button click again, I animate the div to the right, off the screen, and then move it up. I also toggle its width & padding so it will appear to grow/shrink as it moves on/off screen. At least that's what I am trying to do. The animation onto the screen looks good, but going off the screen, it appears to happen intantaneously, instead of animatedDoes anyone know how I can fix this?
$(".addPanels").live("click", function(){//now and in the future, show the add panels menu
var thisAddPanelsMenu = $(this).parent().prev(".addPanelsMenu");//get the addPanelsMenu
if(thisAddPanelsMenu.length) {//if the addPanelsMenu exists
[code]....
I'm a bit new to jQuery but am loving it so far.. especially the cycle plugin. I have a strange problem that I've not been able to find the solution to anywhere else. Everything works just fine with the exception of one issue thats causing me problem. I'm using cycle to control 3 different fading animations on my page. On 2 of the animations I'd like to pause cycle after the image fades out for a few seconds but before cycle fades the next image in. The catch is that I want the timing to be different for each pause before the next cycle begins.
The goal is for#hpcontent,#hphead,#hpfade3to fade out all at the same time. Then for#hphead to pause for 2 seconds before it fades in the next random image, and#hpfade3to pause for 3 seconds before it fades in the next random image
[Code]...
I installed the jquery.cycle.lite plugin and uploaded everything to where it is supposed to be but my images do not seem to cycle.
Here is the sample page: h[URL]
I am looking to see if I can get it to work like: [URL]
Same thing for the height parameter; for to set in the centre some popup with images what is better? what are the difference?
View 6 Replies View RelatedI have 2 monitors from a different size. It is important in my application that I get the screen size of the monitor where the webbrowser is located. When I try to get the screen size (window.screen.height + window.screen.width) only IE gives me always the screen size of the main monitor where my taskbar (windows7) is located, instead of the screen size of the secondary screen where the webbrowser is located.
View 6 Replies View RelatedI'm starting to know how many advantages has JQuery for developers. I'm trying some experiments, and the other day I saw the "iGoogle" interface, where users can move the gadgets around the screen, and
this stuff liked me very much. That's why I want to ask to the community if anybody knows if there is some plugin or library in JQuery to do the same effects and allows the programmer to move a div from one point of the screen to another one and fix it.
I'm using jQuery AJAX to retrieve XML similar to that below. Now I understand how to parse this XML using jQuery, but I since everything inside the 'albums' node is valid HTML I just want to write it all directly into a div on my page. However, strips out the 'tags' and it doesn't like [url]... either. So how do I write XML direct to a page without losing the tags?[code]...
View 8 Replies View RelatedI have a div with an image in it that when clicked steps the page to the right by 600px
This is it:
What i want to do is remove the button when the page cant scroll any further to the right. then re add it when i go left again. if this makes any sense!
I want to do something but here is an example. (That explain much more) : Here you have a toolbar called content-header. It change from position:static to position:fixed if it leave the screen. (whan you scroll down) I want to do the same thing with my first <tr> : That way on a my long table you will never loose the title of each columns. I tried to copy this website by using his stuff but it didn't work.
View 2 Replies View RelatedI was just wondering what's the best way to lay say a black 50%opacitycolour over the whole page like they do in lightboxes?
View 2 Replies View Related