Jump to content

Search the Community

Showing results for tags 'conflict'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


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

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start





Website URL








Found 3 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. I'm trying to build a website, and I'm having a little trouble with a couple style pieces, and I would like a little help. The problem is that I'm working with conflicting commands, and I need to be able to make one override the other based on the class, but it hasn't worked for me. So, the color theme I had in mind involves a Navigation bar at the top with a light background and a dark color, and the main text is light text on a dark background. Obviously, what link color I pick for the main text is going to be rather faint if I use it on the NavBar, but I don't know how to make a style that applies specifically to links under the Navbar class. Can I get a demonstration please? And would it be easier to do this inline or in the main CSS?
  3. I've got 2 buttons with their own jquery scripts. One launches a fancybox video and the other shows a hidden popup contact form. I had the contact form (which shows another 'thank you msg' class when submitted) working fine, but now that I've added the fancybox button I think the stopPropagation is interfering with fancybox and I can't get them to load together. Is there away I can get my popup form to work without stopPropagation? Does anyone know how I can approach this better? <div class="buttoncont"><div class="innercont"><div class="thanks" style="display:none;"><p>Thanks for contacting class</p></div><div class="social"><!— FANCYBOX BUTTON LINK —><div class="fancybox-media" href="http://vimeo.com/9532951" rel="media-gallery"><a class="btn"> <span class="playarrow"></span><span>watch fancybox preview</span></a></div><!— FANCYBOX BUTTON LINK END—><!— CONTACT US LINK —> <a class="btn2" href="#innercont" id='link'><span class="contactbbl"></span><span>contact us</span></a><!— CONTACT US LINK END —> </div><div id="subscribe-pop”><p>DIV POPUP TRIGGERED FROM CONTACT US LINK</p></div><div id="badge1”><a href="http://www.site1.com"><img class="badge1" src="images/badge1.png" height="auto" width="100%"></a></div><div id=“badge2”><a href="http://www.site2.com"><img class="badge2” src="images/badge2.png" height="auto" width="100%"></a></div></div></div> FANCYBOX SCRIPT <script type="text/javascript">$(document).ready(function() {$('.fancybox-media').attr('rel', 'media-gallery').fancybox({padding: 0,openEffect : 'none',closeEffect : 'none',prevEffect : 'none',nextEffect : 'none',arrows : false,helpers : {media : {},buttons : {}}});});</script> POPUP FORM SCRIPT <script type="text/javascript">$('html').click(function() {$('#subscribe-pop').hide();$('.thanks').hide(); });$('.innercont').click(function(e){e.stopPropagation();});$('#link').click(function(e) {$('#subscribe-pop').toggle();});$('#mc_embed_signup .button').click(function(e) { $('#subscribe-pop').hide(); $('.thanks').toggle(); });$('#mc_embed_signup .cancel').click(function(e) { $('#subscribe-pop').hide(); });$('.thanks').click(function() { $('.thanks').hide(); });</script>
  • Create New...