nivo-slider

Uncaught TypeError with jQuery and Wordpress?

心不动则不痛 提交于 2019-12-04 14:27:21
问题 I am having trouble on my wordpress site, my nivo slider will not load the banner images and display them. I'm pretty sure its to do with jquery been loaded somewhere else, but i just dont know. Could some one look at my website, css-signs.ie and inspect the error here is the error Uncaught TypeError: Property '$' of object [object DOMWindow] is not a function 回答1: The dollar sign is not an alias for jQuery on your page. Wrap the code block starting at line 467 in jquery.nivo.slider.js with a

Pause Nivo Slider

瘦欲@ 提交于 2019-12-04 11:45:33
I'd like to pause the Nivo slider for 5 seconds before it runs but show the first image. So I'll need to add some code in the property afterLoad I believe. I've tried setTimout before running the slider code be it doesn't give the result I'd like. Thanks in advanced! Edit: Current Code $(window).load(function(){ $('#slider').nivoSlider({ animSpeed: 500, pauseTime: 4000, effect : 'boxRain', directionNav : false, controlNav: false, afterLoad: function(){ //$('#slider').data('nivoslider').stop(); } }); }); I don't know your exact code but you could use .stop() on it and after 5 seconds you start

Nivo slider + php

坚强是说给别人听的谎言 提交于 2019-12-04 06:06:35
问题 I created a custom cms for a website and trying to make the nivo slider work with my db but im having issues with my while loop. im only storing the name of the image in the db and the image itself its in a folder, images are working somewhat but they appear on above the other the the actual slideshow is broken. my guess is that the title id is breaking it but not sure on how to go from here. any help is appreciated here is my code: <div id='slider' class='nivoSlider'> <?php $sql = 'SELECT *

Modernizr load method

五迷三道 提交于 2019-12-03 20:37:01
I've problems with Modernizr load. I'm using Modernizr, jQuery and Nivo-slider. Sometimes when i refresh my homepage my slider don't appear correctly, sometimes everything is great. Is my method is the right thing to do ? HTML : <!-- SCRIPTS --> <script type="text/javascript" src="js/plugins/modernizr-2.0.6.js"></script> <script type="text/javascript" src="js/master.js"></script> In master.js : Modernizr.load([ { load: 'https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js', complete: function () { if ( !window.jQuery ) { Modernizr.load('js/plugins/jquery-1.7.1.js'); } init(); } },

Nivo Slider: First image is scaled unproportional when displayed the first time

自古美人都是妖i 提交于 2019-12-03 14:31:39
问题 I'm using the Nivo Slider jQuery Plugin in a div that has a smaller size then the images I'm displaying. When the Slider slides to the second image an on the images are scaled down correctly. But when the first image is displayed for the first time (directly after loading the page), it is scaled only in width, but not in height. How can I change that? Example: Let's say, all my images have a size of 1024*768 pixels. The div has a width of 400px. And I have 3 images in the slider. directly

Nivo slider, before it's triggered all the images are visible on the page

丶灬走出姿态 提交于 2019-12-03 13:36:26
问题 I'm using the nivo slider on a site and before it's loaded all the images are static on the page for about a second. Once the nivo sliders has loaded they all sit in the slider. Is there a way to get around this? To make the slider trigger first before any of the page is loaded? The site it www.pegasusproperty.co.uk the code I'm using for the slider is <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider({ effect: 'fade', animSpeed: 700, pauseTime: 4000, }); });

NivoSlider not working smoothly on magento

早过忘川 提交于 2019-12-02 21:06:25
I'm trying to implement nivoslider on my magento installation. I just copy paste what's in the downloaded demo package (which I've tested out on my firefox and run very smooth) to the magento. I did all the homework copy all the required js and css files to my theme's skin folder add those files on page.xml <reference name="head"> <action method="addCss"><stylesheet>css/styles.css</stylesheet></action> ... <action method="addCss"><stylesheet>css/nivo-slider.css</stylesheet></action> <action method="addCss"><stylesheet>css/themes/default/default.css</stylesheet></action> <action method="addCss"

How to initiate Nivo Slider in ajax loaded content?

不问归期 提交于 2019-12-02 09:47:38
I am having trouble getting Nivo slider to initiate when the page containing it had been loaded by ajax. Here is the HTML <div class="work"> <img class="introPic" src="images/thumb.jpg" width="250" height="99" /> <h3><img class="arrow" src="images/arrow_open.gif" alt=">" /> <a class="titlelink" href="testcontent4.html" rel="address:testcontent4.html">Nivo Slider Project</a></h3> <div class="projectIntro"> <p>This is some intro text for Nivo Slider Project</p> </div> <div class="pictures"></div> </div> Here is the jQuery $(function(){ function close_other() { var selected_work = $('.selected

Jquery Nivo Slider set delay time for each slide

会有一股神秘感。 提交于 2019-12-02 02:13:55
问题 We are using a special system that allows our users to set a delay between slides and whether or not the image contains a link. We were using mootools for the slideshow but wish to update to nivoSlider. A php script exports the following as per our old system requirements var data = { '0225201274127_1.jpg': {delay:4000}, '0225201274417_4.jpg': {delay:3000}, '0225201274624_9.jpg': {delay:5000}, '0225201274607_8.jpg': {delay:3000}, '0225201274456_6.jpg': {delay:6000}, '0225201274521_7.jpg':

Nivo Slider not working with IE7

好久不见. 提交于 2019-12-01 21:59:24
问题 I have reviewed quite a few posts on this site concerning this issue with Nivo Slider. I have checked my commas in the the javascript and it looks right to me: <script type="text/javascript"> $(window).load(function() { $('#slider').nivoSlider({ effect:'fade', slices:15, animSpeed:500, pauseTime:4000, startSlide:0, directionNav:false, directionNavHide:false, controlNav:true, controlNavThumbs:false, controlNavThumbsFromRel:false, controlNavThumbsSearch: '.jpg', controlNavThumbsReplace: '_thumb