Mottie
-
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…
-
What Else can I do to improve webpage size/speed?
I think part of the issue is that nothing is being rendered on the page until everything has loaded. Check out this article on reducing the "perceived load time". Basically, show the key portions (frame work) of the page first and don…