chips

Thank very much folks! That's some pretty good feedback. I'll get started on the markup. Haha, well it was an afterthought. I might see if I can integrate it a bit more into the design.

Just about to start the markup on this but thought I might try and get some feedback first. Any comments appreciated, negative ones especially appreciated!

Cheers Robby. The same happens to me on Firefox. The script I used for the scroll allows you to add a class to a link to prevent it from firing so it reverts to normal behaviour, when clicking the submit button for example. However I haven't managed to get it to work yet. Another option would be to do some ajax validation so that the page doesnt have to reload.

Thanks Spitfire. I know what you mean about the main headings. I have been looking at some retro comic book type fonts instead. I've been playing with the portfolio section a bit too, gone for a vintage photo effect which I think fits in quite well. I have modified the illustration a bit, but the original was from a member on istock - http://www.istockphoto.com/search/lightbox/6132854/#188ad2a4

I'm stepping into some new territory with this one. A few of the things on this site I've never done before, I tend to get stuck in the standard 'header, slideshow, content, sidebar' type of thing. But it would be good to hear your thoughts on it so far. I was aiming for a retro 50's feel. The illustration isn't mine by the way. http://clients.north57.co.uk/north57/

Can anyone help? I understand that it's quite simple, but so am I.

I am using a jquery background image slider which I would like to add a preload function to. The slider part works fine but I have no idea how to incorporate the preload part as I have never really worked with javascript before. Could someone show me how to get these two playing together? This is the slider script; jQuery(function($) { $(document).ready(function() { // Speed of the automatic slideshow var slideshowSpeed = 6000; // Variable to store the images we need to set as background // which also includes some text and url's. var photos = [ {"image" : "slide-motionless-rock.jpg"}, {"image" : "slide-stac-pollaidh.jpg"}, {"image" : "slide-skiff-race.jpg"}, {"image" : "slide-dundonnel-mountains.jpg"}, {"image" : "slide-achnahaird-suilven.jpg"}, {"image" : "slide-summer-isles.jpg"} ]; $(document).ready(function() { var activeContainer = 1; var currentImg = 0; var animating = false; var navigate = function(direction) { // Check if no animation is running. If it is, prevent the action if(animating) { return; } // Check which current image we need to show if(direction == "next") { currentImg++; if(currentImg == photos.length + 1) { currentImg = 1; } } else { currentImg--; if(currentImg == 0) { currentImg = photos.length; } } // Check which container we need to use var currentContainer = activeContainer; if(activeContainer == 1) { activeContainer = 2; } else { activeContainer = 1; } showImage(photos[currentImg - 1], currentContainer, activeContainer); }; var currentZindex = -1; var showImage = function(photoObject, currentContainer, activeContainer) { animating = true; // Make sure the new container is always on the background currentZindex--; // Set the background image of the new active container $("#headerimg" + activeContainer).css({ "background-image" : "url(wp-content/themes/ata/images/" + photoObject.image + ")", "display" : "block", "z-index" : currentZindex }); // Fade out the current container // and display the header text when animation is complete $("#headerimg" + currentContainer).fadeOut(function() { setTimeout(function() { $("#headertxt").css({"display" : "block"}); animating = false; }, 500); }); }; var stopAnimation = function() { // Change the background image to "play" $("#control").css({ "background-image" : "url(images/btn_play.png)" }); // Clear the interval clearInterval(interval); }; // We should statically set the first image navigate("next"); // Start playing the animation interval = setInterval(function() { navigate("next"); }, slideshowSpeed); }); }); }); And this is the preload I would like to add to the slider script; var images = [ src1, src2 ]; //basic usage $({}).imageLoader({ images: images, async: true }); //with events $({}).imageLoader({ images: images, async: true, complete: function(e, ui) { var i = ( ui.i + 1 ); var t = ( new Date( ).getTime( ) - time.getTime( ) ); var o = getGetOrdinal( orderNum ); $(body).append("<p>image "+i+ " was uploaded "+o+", "+t+"ms after imageLoader was called</p>"); }, error: function(e, ui) { var i = ( ui.i + 1 ); var t = ( new Date( ).getTime( ) - time.getTime( ) ); var o = getGetOrdinal( orderNum ); $(body).append("<p>image "+i+ " did not load properly. Please check the source: "+ui.data[ui.i].src+"</p>"); }, allcomplete: function(e, ui) { $(body).append("<p>all images have finished uploading</p>"); } }); And credit where credit is due; I'm using a cut down version of the background slider script found at http://www.marcofolio.net/webdesign/advanced_jquery_background_image_slideshow.html And I found the preload script at http://staticvoid.info/imageLoader/

Do you mean on the category pages?

I posted this when it was just a mockup a few weeks ago, but it's changed so much I thought it warranted a new thread. It's online now and I'd really appreciate some feedback http://tinyurl.com/6hpob77 There are a few bits and bobs to fix and I'd like to do some more work on the banners at the top of the homepage.

Thanks for the positive feedback! Yeah I know the footer is a mess. I just threw it together knowing full well I would need to revisit it. I need to look at some other peoples footers to get some ideas. The plan is that the big full width image will use nivo slider to display deals, promotions, etc with call to actions incorporated. Did you mean the very top header where the logo is or the images below?

double post

I really love that site. I've wanted to do one of those banger rally's for years.

Hi all. This is a personal project I'm working on. I'm busy overhalling the site and changing to opencart in the process. I've put together a new design which I'd really like some feedback on before I start slicing and coding!

Thanks for all the comments. I'm glad you like it. With regard to a USP, you are right. I just haven't identified it yet But I realise it is important. At the moment I have a few referals to chase up so once my portfolio is a bit more accomplished I'll give the site an update. @ Junior - Can you point out the line you're seeing?

Right, bring it on! http://drakedesign.co.uk It's my own site. Any comments would be appreciated. Some of the sites on the portfolio page are getting on a bit. I've been out of the game for a while and a few of my sites have been replaced.