Jump to content

Search the Community

Showing results for tags 'bxslider'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • W3Schools
    • General
    • Suggestions
    • Critiques
  • HTML Forums
    • HTML/XHTML
    • CSS
  • Browser Scripting
    • JavaScript
    • VBScript
  • Server Scripting
    • Web Servers
    • Version Control
    • SQL
    • ASP
    • PHP
    • .NET
    • ColdFusion
    • Java/JSP/J2EE
    • CGI
  • XML Forums
    • XML
    • XSLT/XSL-FO
    • Schema
    • Web Services
  • Multimedia
    • Multimedia
    • FLASH

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


Location


Interests


Languages

Found 2 results

  1. This is my first time asking a question here, I'm quite a noob so don't be mad at me if I mess up a little. The thing is, I am doin a one page web based on skrollr: https://github.com/Prinzhorn/skrollr and I use this fantastic slider called BX Slider: http://bxslider.com/ I have already put two of the three sliders i need (those works great). The problem comes when I try to make a custom pager in the third slider using this HTML code BX slider provides me: <ul class="bxslider"><li><img src="/images/730_200/tree_root.jpg" /></li><li><img src="/images/730_200/houses.jpg" /></li><li><img src="/images/730_200/hill_fence.jpg" /></li></ul><div id="bx-pager"><a data-slide-index="0" href=""><img src="/images/thumbs/tree_root.jpg" /></a><a data-slide-index="1" href=""><img src="/images/thumbs/houses.jpg" /></a><a data-slide-index="2" href=""><img src="/images/thumbs/hill_fence.jpg" /></a></div> The problem is, when I click one of those pager items it redirects me to index.html not allowing me to interact with the actual slider. As you may know, Skrollr library use the HTML5 data- attributes to define multiple sets of styles (they call each of them keyframe) and skrollr interpolates between them. In a skrollr basic example... <div data-0="background-color:rgb(0,0,255);" data-500="background-color:rgb(255,0,0);">WOOOT</div> So my guess is... could it be they are in conflict with that data- attribute in both codes?? if so, Why doesn't that bother me when the code is in default bx-slider pager?? How could I fix this? Any Ideas? Thanks for the help!!
  2. Hi Everyone, I've been stuck with an annoying problem with Lightbox 0.5 and bxSlider not working together. I have implemented Lightbox 0.5 to work with an image link the following code below (please excuse the 1 line of asp coding in the href path): <link rel="stylesheet" type="text/css" href="../css/jquery.lightbox-0.5.css" media="screen" /><script type="text/javascript" src="js/jquery-1.6.1.min.js"></script><script type="text/javascript" src="../js/jquery.js"></script><script type="text/javascript" src="../js/jquery.lightbox-0.5.js"></script><script type="text/JavaScript" src="../js/jquery.bxSlider.min.js"></script> <script type="text/javascript">$(function() { $('#main_image a').lightBox(); // Select all links in object});</script> <div id="main_image"> <a href='<%= "../templates/" & (objRs("ItemID")) & "/" & (objRs("imgSource"))%>' ><img src="<%= "../templates/" & (objRs("ItemID")) & "/" & (objRs("imgMed")) & "?" & Now()%>" border="0" /></a> </div> But when I use lightbox with bxSlider (jquery carousel), I am not able to call lightbox, nothing happens. I have tried various solutions but none works for me. Here is the code for the carousel and lightbox. <script type="text/javascript">$(function() { $('#slider2').bxSlider({ displaySlideQty: 3, auto: false, moveSlideQty: 3 });});</script> NONE OF THESE WORKED.$(function() {// Use this example, or...$('a[@rel*=lightbox]').lightBox(); // Select all links that contains lightbox in the attribute rel// This, or...$('#gallery a').lightBox(); // Select all links in object with gallery ID// This, or...$('a.lightbox').lightBox(); // Select all links with lightbox class// This, or...$('a').lightBox(); // Select all links in the page// ... The possibility are many. Use your creative or choose one in the examples above}); <DIV id="mycarousel"> <UL id="slider1"><li><div><a href="images/banner1.png" /><img src="images/banner1.png" width="920" height="300"/></a></div></li><li><div><a href="features/control/" /><img src="images/banner2.png" width="920" height="300"/></a></div></li><li><div><a href="" /><img src="images/banner3.png" width="920" height="300" /></a></div></li></UL></DIV> I suspect there could be a conflict with jquery but not sure. It works fine with the image inside a normal div, but does not work with when calling lightbox from within the jquery carousel bxSlider component.Hope someone out there can shed some light on this.Thanks!
×
×
  • Create New...