I'm using jBanner nowfor a simple banner ad rotator but now my client wants it to have some type of "player" controls similar to this (done in Flash): [URL] where the little rectangles on the bottom change for each new banner, if someone clicks on one of the rectangles the automatic banner rotation stops, etc. Does anyone know of any plugins??? Would this be called something other than "banner rotator" when I'm doing a search?
I can't get jQuery working at all with IE7. I'm using the jQuery Cycle plugin, but I believe this problem is with jQuery (and the fact that I'm am a newbie). I'm trying to use an banner rotator, which works on Firefox, Safari and IE8. On IE7, it is not even activating... it just shows each div one after another.
I have a space on my page reserved for a banner to denote religious / special events and other notices that may be important for that specific day. At the moment the relevant banner is uploaded the night before ready for the next day.
A bit of research has led me to develop an automated Javascript script that loads up the relevant days banner using the getDate() and getDay() functions. This, however, means I have to name the banner for January 1st as 1.jpg in a folder named Ƈ'.
What I am wondering is whether it's possible to draw up a spreadsheet (or text file) so that I can type in a more memorable filename (e.g. 'christmasDay.jpg') and it locates it in the folder and displays it on that relevant day. Is it possible for Javascript to do this sort of thing?
Another thing I've thought of (as an advanced bit, don't want to run before walking!) is perhaps to have a random banner from a selection shown if there isn't a religious date / special event on a specific day.
I am building some video player controls and when I mouse over/out the volume icon, I want the volume slider to appear and disappear. On the mouseout, I want it delayed so what I did was this: $("#mutebtn").mouseover( function() { $("#slider").fadeTo("fast",1); }); $("#mutebtn").mouseout( function(){ $("#slider").fadeTo("fast",0).delay(2000); }); It delays but it puts the delay on the mouseover. So naturally I put the delay on the mouseover and then the delay was on the mouseout which is the correct behavior.
For my homepage, I would like a jquery plugin that automatically rotates through pictures, allows text captions, and has a thumbnail script. What plugins would you recommend? Which is the most common used?
i am having trouble making an in browser ws to be able to put the songs on it by the way. Basically its supposed to be like winamp or w/e when you download it but instead i want it in a browser. The user should be able to just drag there files in and play.
I am using the youtube chromeless player and embeding videos with loadVideoById() method problem is that videos with an id that contains an underscore or dash dont play although they play in the normal player. I also tried replacing with a hex value in querystring i.e (%5f) but that did not work I also tried loadVideoByUrl() method with several urls but still they don't load. here is my code
function switchToPlayer(ytid){ var params = { allowScriptAccess: "always"}; var atts = { id: ytid,onmouseover: "this.playVideo()",onmouseout: "this.pauseVideo()"}; swfobject.embedSWF("http://www.youtube.com/apiplayer?border=0&enablejsapi=1&playerapiid="+ytid, 'cell'+ytid, "150", "120", "8", "scripts/expressInstall.swf",null,params,atts); } [Code]....
I am trying to make a simple image rotator using JQuery. It seems to work for first loop however it does not iterate back to the start of images once it reaches the last image. I have tested and the code is getting the first image reference but due to some reason it is not working. I have attached my code.
I used the code here for my photo rotator: [URL]. It works when there's one rotator on the page, but I need to add a few and that does not work. function theRotator() { //Set the opacity of all images to 0 $('.photos img').css({opacity: 0.0}); //Get the first image and display it (gets set to full opacity) $('.photos img:first').css({opacity: 1.0}); //Call the rotator function to run the slideshow, 4000 = change to next image after 4 seconds setInterval('rotate()',4000); } function rotate() { //Get the first image var current = ($('.photos img.show')? $('.photos img.show') : $('.photos img:first')); var currentButton = ($('.photos a.active')? $('.photos a.active') : $('.photos a:first')); //Get next image, when it reaches the end, rotate it back to the first image var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('.photos img:first') :current.next()) : $('.photos img:first')); var nextButton = ((currentButton.next().length) ? ((currentButton.next().hasClass('active')) ? $('.photos a:first') :currentButton.next()) : $('.photos a:first')); //Set the fade in effect for the next image, the show class has higher z-index next.css({opacity: 0.0}) .addClass('show') .animate({opacity: 1.0}, 1000); nextButton.addClass('active'); //Hide the current image current.animate({opacity: 0.0}, 1000) .removeClass('show'); currentButton.removeClass('active'); }; $(document).ready(function() { //Load the slideshow theRotator();});
I'm trying to use an image rotator on a site. I've been told that we are set up to use Jquery plugins. But I'm not exactly sure what that means. Do I need to upload the jquery files to my server? Or can I just link to them? Here are the two files.
[URL]
Also, currently the rotator moves too quickly. How can I slow it down? Here's the entire script.
I'm trying to do a simple image rotator without a plugin (they're not letting me use a plugin, but I don't need any transition effects, so it should be very simple w/o a plugin.
[Code]...
(I also would to find an approach that I can easily choose whether or not it should loop or not (stop at last photo or go back to the first photo..)
I am working on building a website and have been looking for a jquery plugin with no luck. I am wanting something that doesn't show anything but the image. And then after X number of seconds, the image slides UP and the next image slides up from the bottom of the frame.
This is an example of the kind of plugin I'm after.[URL]
That one shows just the image and you can control speed, but it fades in/out. I just want it to slide up!
I'm new to java script and am desperately trying to understand it all. My first question is, I'm trying to create a "rotator" for my companies home page, much like the one on [URL]. And by rotators, I am referring the the deal that right underneath the nav bar that is rotating pics, etc. I found one I like at a different site as well, so I talked to the web developer and he graciously supplied me with the java script code for it. The code is fine, but when I place it in a document, it has the pics and text underneath each other instead if rotating the pics.
New to javascript/jquery, been trying to create a rotator which displays a large image with caption and uses next/previous button and thumbnails for control. Everything works fine but when the rotator gets to the last item i'd like it to go back to the first, and when the previous button is clicked at the first item I'd like it to go to the last.
$(document).ready(function() { //set to zero var x = 0;
I am able to attach to a Telerik text box and autocomplete works fine when i am selecting a result and pressing ENTER. However, when i am selecting a result and clicking on it with a mouse, the selection populates the textbox and then quickly gets erased.
Is there a way to set the Cycle prev/next hover controls to always be on. In other words, I don't want my users to have to hover over the photo to see the prev/next button controls.
This is sateesh from Softpal Technalogies Pvt.Ltd. I am using Jquery. I got one problem my ASP drop down controls are over lap on the JQuery Div. How can i over come that problem. Can you give sloution for that.
what selector syntax I would use to refer to all input and textarea controls, but not buttons? (In other words, all form controls except button and submit.)
I'm still trying to get to grips with jQuery syntax,I'm working on an accordion-style menu and I'm struggling to get a hide behaviour to work.
Basically I want to hide all of the controls within my specified parent control which have an ID starting with "accordionBody_" except the first one. (So that the first pane is expanded and the rest are hidden on load.) I'm using the following:
I would like to be able to load new sets of images everytime I hit refresh and use rollover. Code: uses this idea. Everytime you log into their website, you get a new image. if you roll the mouse over the menu on the left of the picture, you get different rollover text on the picture.
What I have so far is image rotator, which will randomly load differnt photo everytime you access the website. However, I don't how to do the complete thing.
I have a page with a button and a container. When i click on the button, it should redirect to a page where we can create a new customer. On the new customer form ,I have textboxes, radio buttons ,buttons amongst others.What i wanna do is that instead of redirecting to that page. I wanna dynamically create a div with all the controls required in the Container i have on my page itself. So each time the user click the Add New Customer button, on the same page, the textboxes and all other controls is created dynamically.
