Mottie
-
what's name of this slider ??
If you look here, you'll see that it's a custom made slider. The code isn't free. Custom-made “SmartStart Slider”
-
i cant workout how to make my logo rotate on rollover ...help please?!
Hi @painefw! Actually it looks like the HTML I shared above was put into the style.css file. The only thing that should go into the .css file is css. I meant to add this to your css: .rotate{ -webkit-transition-duration: 0.8s; -moz-transition-…
-
Can't make circle to move
It's because it is outside of the loop... setInterval only calls the moveLeft function, nothing else. So that's why I moved that margin check inside the moveLeft function.
-
Can't make circle to move
Hi @Kuzyo! Try this (demo): var circle = document.getElementById("circle"), computedStyle = window.getComputedStyle(circle, ""), bodyWidth = document.body.clientWidth, speed = 10, step = 2, …
-
i cant workout how to make my logo rotate on rollover ...help please?!
Hi @painefw! Just add the "rotate" class to your logo, and include the above css in your "style.css" file. I only shortened the img src to make it easier to see
-
Changing CSS Styles That are Applied with .click() Function With Jquery
Well, when I click on the first color pack it does add a class: $(".header_nav_link").addClass("nav_clicked_color_pack_one"); I don't see .nav_clicked_color_pack_one defined in the css. If that isn't what you need…
-
Changing CSS Styles That are Applied with .click() Function With Jquery
The link you shared looks like it's working... the nav-clicked class is being applied to the header_nav_link when I click, and the color is changing to #ff742c. So what's the problem?
-
Please, explain part of the script
The variable highlightedCell is a global variable defined within that closure (but in this case I think it's just an overall global). What that means is that highlightedCell is defined outside of that function you shared. Basically what that c…
-
Changing CSS Styles That are Applied with .click() Function With Jquery
@Subash actually that code was correct, the code formatting was messed up. @Jarolin Use the "Code" link above the text area, all it does is adds a tab in front of your code And I think the problem is in this bit of code: $("#nav_bu…
-
table thead
I think using multiple backgrounds is a better solution: http://codepen.io/Mottie/pen/hyqse #forum { table-layout: fixed; border-collapse: collapse; width: 803px; /* width of background image */ background: url("http://www.part.lt/img/…
-
table thead
@Paulie_D Wow that does some strange stuff to the table : http://codepen.io/Mottie/pen/dvtbo I see the author of that blog post didn't mention it but you have to set the width of each table cell after doing that. See: https://code.google.com/…
-
Column Widths| Diffierent Widths Showing In Browsers
I think one of the problems is using absolute positioning of the side bars. If you shrink your browser window you'll see what I mean. Also, it might work better across browsers if you reset the css and include some box-sizing: -webkit-box-siz…
-
AnythingSlider: load images when actual slide is behind 1
Not sure why the first image isn't loading... maybe just leave that first image with a src
-
Fancybox PDF through dynamic href
Embedded a pdf might not be the best solution. Personally, I would recommend using Google Docs PDF reader... it does a really nice job of automatically resizing to fit the viewport: Try using this within the content:
-
AnythingSlider: load images when actual slide is behind 1
Yes, use data-src instead of src, that's why all of the images are loading.
-
AnythingSlider: load images when actual slide is behind 1
Yes, that part of the code is needed as well. But it is added outside of the AnythingSlider initialization code, but inside of the same document ready event.
-
AnythingSlider: load images when actual slide is behind 1
Yes, you just needed to remove the "for demo only" stuff... In the above, just copy the three parts from inside the code: onInitialized, onSlideInit and onSlideComplete into your existing code. Also make sure to add commas appropriately. …
-
codepen || jsfiddle || jsbin
This is NOT a comprehensive list, but it shows some of the differences that I have noticed between the sites: JSFiddle Pro: You can rebase a fiddle, and roughly tell how many updates/revisions there have been. The tidyup button in jsfiddle clean…
-
AnythingSlider: load images when actual slide is behind 1
If you look at the home wiki page documentation for AnythingSlider under functionality, you'll see 3 lazy-loading demos: image tags. image tags & preload next image. background images.
-
Jquery stop() is intefeering
You might want to check out the documentation for stop()... it'll show you that you can do this: stop(true, true).
-
How do i stop Jquery animation "+=" when this is limited
@Jarolin: Have you checked out FlexSlider? If I ever get around to rewriting AnythingSlider, that is the slider I'll try to model it after.
-
HTML5 & CSS3 Template Structure
There is also HTML5 Mobile Boilerplate if you are specifically targeting mobile devices. Or are you thinking of a framework? Check out this article: http://smashinghub.com/10-essential-html5-frameworks.htm
-
How do you learn JavaScript?
@LimbachDesign: You might want to also check out this thread about learning jQuery before (or after) learning javascript. You decide :)
-
How do i stop Jquery animation "+=" when this is limited
It looks like the width of the slides are 1285px but the container is set to 95%... that's why there is an inconsistency. Now you see why it's easier to use a plugin instead of writing your own. To fix it you'll need to get the wind…
-
AnythingSlider: question on navigationFormatter
Hi, what you shared is basically the default setting of the navigationFormatter. You don't need to add it unless you want something else showing in the tabs.
-
How do you learn JavaScript?
Here is another nice list: https://developer.mozilla.org/en-US/learn/javascript
-
How do i stop Jquery animation "+=" when this is limited
@Jarolin: with the update I just made, yes... it now resizes the #insidewrapper to fit all of the slides inside.
-
How do i stop Jquery animation "+=" when this is limited
Yeah, @CrocoDillon was right, I should have just used an index ;) I've updated my demo.
-
How do i stop Jquery animation "+=" when this is limited
@Jarolin What makes it difficult to give you an answer is that slides are traditionally within a container and that container is positioned instead of the slides themselves, if you want to float the slides. What the demo above does is position each…