css-tricks / anythingslider Goto Github PK

Hey ProLoser,

I love what you've done with the AnythingSlider! Way to go.

I'm positioning the forward/back arrows to sit half on/off the slide. When the slide animates, the window shifts to the left the same distance as my positioning offset. I cannot for the life of me figure out why that would be. Any thoughts? I'm working on a reduced test case for you now.

I'm using the cs-portfolio theme - I've re-sized the thumbNav li images to a smaller size, (edited image and width & height on thumbNav a) and absolutely positioned anythingControls to get it where it should be.

Only in ie7 the navigation buttons do not show up. Works fine in ie8, chrome, safari, and firefox.

I cannot figure out what is wrong, any help would be greatly appreciated.
Here is the site: http://mikesewell.net/home%20actions

If the easing plugin isn't found when a special easing mode is specified, it breaks the script. We should make this degradeable if possible.

Seems around version 1.40 the "autoplay" functionality was removed. autoPlay is still an option, but now it simply turns off the slideshow completely. I'm trying to achieve what Chris is doing in the first slider on this page: http://css-tricks.com/examples/AnythingSlider/

I tried all recent versions of AnythingSlider, but it only works in 1.40 and older. I'd like to make use of all the great work that has been done since then and still have the slider "autoplay."

Thanks in advance!

I'm using v1.5.2 but the slider always slides into the 1st image on the list rather than just showing the first slide. I've tried all the options but nothing seems to stop it from sliding into the first slide. I know this is an older version but on http://css-tricks.com/examples/AnythingSlider/ the slider starts on the first image, no sliding into it.

I would like to remove both the play/stop button and the tabbed navigation from the slider (keeping only the arrows for people who want to move through the slides faster). I managed to comment out the tabbed nav in the JS but cant seem to remove the play/stop. How can this be done?

Additionally, I know the current code causes the play to stop when any nav is used (e.g. arrows); can the JS be tweeked to make the play stay on?

Thank you,

Amir

Hello,

please add the class 'first' to the first navigation item and 'last' to the last one. This ist usefull for special styling.
This is my quick and dirty solution after line 237 (version 1.5.6.3):
if ( index == 1) {
$a = $("").addClass('panel' + index).wrap("<li class="first"/>");
}
if ( index == base.pages) {
$a = $("").addClass('panel' + index).wrap("<li class="last"/>");
}

One question:
Shouldn't there be a semicolon at the end of lin 236 instead of a comma?

Regards

Stephan

I am trying to float several DIVs in AnythingSlider slides, but I can't get things to work correctly. The first slide of several objects displays fine, but if the second slide has only one object it makes that floated object's width 100%. I have tried with my own CSS, and I have reproduced the problem using an included demo's JS/CSS. You can view it at:

http://www.iamheroic.com/anythingslider/

All red floated divs should be the same width, but slide 2 in the first example displays wrong. Am I doing something wrong? Any suggestions?

If you tab through all of the links on a page and a link happens to be in a hidden panel (the fifth one in the demo), it will move the scrollLeft position until the link is revealed and essentially break the slider until you or the autoplay code switches the panel.

I'd like to not generate an empty div that I don't want or need. any ideas?

I am trying to convert a page like this: http://hdsupplyplumbinghvac.com/proprietarybrands.asp?id=pb1111

Using the anything slider to have the pdfs embedded. I am using vbscript to parse the xml (where the pdfs are referenced) on my asp page.

on the mac / ff after i refresh the page about 5 times it crashes ff

on windows xp pro using ie8, the pdf is displayed mis-aligned, it is way left of the slider

on ff on windows xp pro it appears to be working perfect

i guess what i want to know is, can or should i be using the anythingslider as a solution? if so, is there a better approach?

What do I need to provide here for help, sorry i am new to github...not sure how this works.

Request from Donny (http://css-tricks.com/anythingslider-1-4/#comment-84489)

Is it possible to make the slider switch between 2 different groups/gallies of photos. Like have a couple of tabs to click between.

While it can all be figured out from viewing source, it is still frustrating.

The demo page tells us meticulously how to setup the javascript component. It doesn't however tell us which files to include in our head tags, nor does it give us an example of html markup for a basic slider. Most plugins have a basic example, the most the user has to do to view ti is scroll downwards.

Even if an option is checked in the html source is not in the front-end.
Happens when the page is loaded with answers already checked with php.

<input type="radio" name="domanda_1" value="1"  />Prima opzione<br/>
<input type="radio" name="domanda_1" value="2" checked="checked"/>Seconda opzione<br/> 
<input type="radio" name="domanda_1" value="3" />Terza opzione<br/>

No point to continually update the version number in the top right corner.

Having an < a > tag on an image in the first slide causes transition from last slide to first slide to show incorrectly. Slide transitions to a blank slide and then the first slide suddenly appears. This behavior goes away when the < a > tag is removed from the image in the first slide.

Accidentally closed the issue before.
For additional info, see this
https://github.com/ProLoser/AnythingSlider/issues/closed#issue/32

I fixed this issue (http://github.com/dcneiner/AnythingSlider/issues#issue/13) for non-IE browsers in my version 1.3.4 (http://github.com/Mottie/AnythingSlider).

But, this issue was opened to address Youtube videos in IE which you can make work if you add '&enablejsapi=1&version=3' to the end of the embedded video URL in the HTML coding; adding it later with javascript/jQuery doesn't work.

I need some input on how to implement this... Should we:

1. Allow the user to set a percentage width in the options, then detect and adjust on window resize the slider width. The biggest problem would be which width to use - the slider parent or the window?

2. Add an option to resize the slider using a function to return a value. For example:

   $('#slider1').anythingSlider({
   resizable : function(){
   return $(window).width() * .8;
   }
   });

Here is a demo (https://dl.dropbox.com/u/1510510/jquery-anythingSlider/index2.html) of what it would look like using percentages...

missing comma after true in the readme file
resizeContents : true // If true, solitary images/objects in the panel will expand to fit the viewport

I feel,It is essential to have an animate callback while using the anythingslider in an application, so as we hook event from main file itself.

Trying to install module inside Joomla 1.5 using your zipped file. Keep getting this error. Help?

I have yet to confirm if this also happens in regular IE7, or if it's even worth addressing if it is not.

Sorry to pile these on. I'm wondering if the hooks are working yet. I have a reduced test case here: http://jacobdubail.com/perceptu/homepage/adify.html. I'm simply trying to hook into the slide actions so I can fade in/out the slides as they animate with:

$('#slider').bind('slide_complete', function(e, el){
console.log('hello');
});

Am I off base here?

Thanks again.

It takes longer to install when you have to look through the code and remove bits and pieces that don't apply to plug and play functionality.

You can move the css to page.css instead which holds relevant code for the page demo.

Perhaps if this is where conventionally someone should update the dimensions (although I use several sliders so this would be a bit unusual) it would be good to outline these instructions in the documentation.

Is it possible to make an elastic version of the AnythingSlider (so the contained list items automatically expand/contract to the width of the browser window)? I have successfully made the list items elastic (with CSS), but then the script doesn't work. Chris Coyier suggested this forum as a possible solution for "rewriting of the internals of the plugin." Your insight/expertise is much appreciated.

As close as I've come (CSS works -- script doesn't): 
http://arolphe.com/sites/elastic_noscript/

Sample 2 (Script works, but still using a fixed width): 
http://arolphe.com/sites/not_elastic/

I have an anything slider in a div container of fixed width. This slider resizes to fit what its contents are, but, objects larger than 730 pixels in width result in anything slider being too large and resulting in it going over the edges at the sides.

Is there a way of forcing it so that it is never more than 730pixels wide? I've tried the maxOverallWidth and width options.

My other angle was to attempt to force the contents of the .AnythingWindow to a specific size, resulting in a smaller than expected image, combined with a larger than needed anything slider that ignored my css.

Removing my css, and with the width options and maxoverallwidth set to '730px', I have the following:

http://yfrog.com/e9i0mj

Here is a correctly functioning smaller image:

http://yfrog.com/6g6wbj

Hi,

I've found a really hard problem. If i want to put two sliders into a one main slider. It will crash everytime on a second sub slider. I tried to change slider 'id' on a 'class' name. But it's not working either. Could anybody help me?

My Slider has two introductory frames flowed by a set of images that I would like to loop indefinitely. Is it possible to make the slider skip the intro frames on replay?

Thank you,

Amir

Reported by http://github.com/jacobdubail

"No worries. I'm more concerned about IE8 anyway. Here's a quick Screenr of the IE8 bug, which is a bit different than the IE7 bug: http://screenr.com/VQ4"

Occasionally AnythingSlider will display the last slide first when loading a page in Chrome. When the last slide shows first, the size of the panel content is also wonky.

This issue is currently visible on the demo here (you may have to reload the page a few times before it pops up): http://proloser.github.com/AnythingSlider/

Chrome 7.0.517.44 + Windows 7 Pro 6.1 (Build 7600)

I embedded a youtube video at its default resolution into a slider with dimensions 600x320. Since the anythingWindow has its overflow set to hidden, the video didn't spill over, but when the next slide came it was showing there. Simply adding overflow:hidden to the 'ul.anythingBase li.panel' block in anythingslider.css did the trick.

Hello first of all let me say what a great script, i was testing it out on several browser to see if i place it into use i liked the demo 3 on this page: http://proloser.github.com/AnythingSlider/demos.htm also downloaded it and when i test it the demo 3 does not work under IE8 niether the download or directly from your site, it gives a javascript error:

Detalles de error de página web

Agente de usuario: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; InfoPath.2; OfficeLiveConnector.1.4; OfficeLivePatch.1.3)
Fecha: Sat, 29 Jan 2011 09:33:28 UTC

Mensaje: Argumento no válido.
Línea: 156
Carácter: 295
Código: 0
URI: http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js

so i test it out with several version of jquery with no luck, so i removed the FX caption options and left active only the hover part and it worked no luck yet finding a fix for the normal caption part to close with the (x).

I'm implementing Anything Slider for this website:

http://hotel-kungfu.com

But noticed that using the auto parameter to play the youtube movie often results in 2 versions of audio playing simultaneously leading to a variety of results depending on the delay between the two voice channels.

There seem's to be some javascript running that eventually stops one of the channels but it's nasty at the start.

Any suggestions on how best to resolve this?

In last version i can't set first slide
$(document).ready(function() {
$('#slider').anythingSlider({
startPanel : 0,
buildArrows : false,
startStopped : false,
autoPlay : false
});
$('#slider').anythingSlider(2); // NOT WORKING
});

It's working only with event
$('#change_slide').live("click", function(){
$('#slider').anythingSlider(2);
});
Is it bug, or i doing something wrong?

These examples are used alternatingly in the example page. They should be properly commented to help separate the two and clear confusion

I'm using the following in my options to detect slide 2:

onSlideComplete: function(slider){
    if (slider.currentPage = 2){
        console.log('hello');
    }
}

It fires 3 times when the slide animates in, and once on the way out. On hover over when the slideshow is paused, it fires every few seconds until mouse out and the slideshow resumes.

Is this desired functionality? Or do I have something set up wrong?

Cuz we're sort of morons and didn't put this case into the intialization check (line 464) lol.

At the moment we can change the slide as follows:

$('#slider2').anythingSlider(4);

What I'd like to do is chain events or issue a callback once this slide change has completed sequentially, e.g.:

$('#slider2').anythingSlider(4, function(){
    // do stuff
});

Love all the improvements with the plugin lately! epic.

I'm hiding the start/stop button, the arrows, but not the thumbNav. When I click on a thumbNav, the slideshow stops without any way to restart it. What am I missing? Is there a way to have the show continue as normal?

Thanks,
J

_accidentally hit the close ticket button instead of comment on my last ticket_

I am trying to convert a page like this: http://hdsupplyplumbinghvac.com/proprietarybrands.asp?id=pb1111

Using the anything slider to have the pdfs embedded. I am using vbscript to parse the xml (where the pdfs are referenced) on my asp page.

on the mac / ff after i refresh the page about 5 times it crashes ff
http://screenr.com/KIz

on windows xp pro using ie8, the pdf is displayed mis-aligned, it is way left of the slider
http://screenr.com/rIz

on ff on windows xp pro it appears to be working perfect

i guess what i want to know is, can or should i be using the anythingslider as a solution? if so, is there a better approach?

What do I need to provide here for help, sorry i am new to github...not sure how this works.

Hello,

Is is possible to stop the slide from moving forward when an embedded youtube video is clicked on? Thanks!

CC

I would like to change animation time dynamically. So i'll try to call anythingSlider({animationTime : 0}) again, but it is not working. I dont want to reload my page either, because all pages are changing dynamically with javascript. Anybody knows how to fix it?

I have a slider with a set of jquery UI tabs underneath. When the user switches to another tab the slider 'slides up' , and when the first tab gains focus again, it slides down and becomes visible again.

When this happens, shifting to the second tab then back to the first, the slide that was originally showing, is not the current slide when the slider slides back down. Also if the two images are of significantly different sizes, and the current slide is small, the much larger adjacent slide is partially visible

Example:

http://www.baabar.co.uk/the-baars/concert-square/

Hi,

First off, let me say thanks for updating AnythingSlider. Was testing the latest version of AnythingSlider on my iPad and the YouTube videos are showing just before they slide in (on the right of the main area before sliding in and then on the left side as they are sliding out.

Again Thanks!

<a href="#" onmouseover="document.test.src='images/slide-env-1.jpg';return true">
<img src="images/slide-civil-1.jpg" name="test" alt="" />
</a>

Inside of the li tag won't work.

After debugging some weird glitches for awhile, I found that this plugin uses a function argument to .html() which was added in jQuery 1.4 (line 188). It should be documented that this plugin requires jQuery 1.4.x.

Hi, getting a horizontal scrollbar in Explorer 7, same if I view it here: http://css-tricks.com/examples/AnythingSlider/

Anyone got a work around.

Thanks

Rich

I'm having a problem with the external text linking.

The problem I'm having is mostly with Firefox, though sometimes the links don't click with IE. In Firefox, if I click on a external link it does not fire the click fully when clicked on. I can only get the external links to work when I hold down the mouse button for a sec or so. See sample link here:

http://thepiedaterre.com/temp/link-test.html

I'm thinking it's something to do with the click function being passed to the browser and not sending the click quick enough. Could the click part be coded differently? Could it pass a onmousedown somehow instead of click? Any ideas at all? I'm planning on linking in the text throughout the slides to jump to a specific slide where mentioned in the text.

Thanks so much for any help!
Eric

Having an <a> tag on an image in the first slide causes transition from last slide to first slide to show incorrectly. Slide transitions to a blank slide and then the first slide suddenly appears. This behavior goes away when the <a> tag is removed from the image in the first slide.