first real website. Need some critique.

Also how do I use something like dynamic zoom?  for the pics?


www.thriftyreefer.com

Very nice.
You should put some rotating pics on the front page, so the store front will look more attractive.

How the heck do I do that?  I want to put a image caraosel on it but I don't know how.  Any help?

http://www.gmarwaha.com/jquery/jcarousellite/index.php

I added a carousel but was wondering if I could put it in the header  so It goes all the way across the columns?  But is there a code for home page only?  I don't want it on every page.

www.thriftyreefer.com

thrifty34 wrote:

nice website

thrifty34 wrote:

if you want to display it only on your homepage then it depends, where did you add carousel code ? in masterpage or header.ascx ?

I put it in header.aspx  I don't know how much it will hurt load times?  I need to find a code to make it stop after so long also.

thrifty34 wrote:


if you want your image carousel to be displayed only on the homepage, then you can accoplish it by following several ways: here's one way of doing it...

create a new master page (name it as : homepage.master), copy all the code from root.master and paste it in the new masterpage (roothomepage.master)

now create one more master page (name it as ThreeColumnhomepage.master), copy all the code from ThreeColumn.master and paste it in the new masterpage (ThreeColumnhomepage.master)

MAKE SURE WHILE COPYING CODE FROM BOTH MASTERPAGES, YOU COPY FROM ASPX AS WELL AS .CS FILE ALSO..its like creating a duplicate copy of master pages...


Now go to MasterPages folder > your new master page ThreeColumnhomepage.master> in the code of this masterpage you will see this:

MasterPageFile="~/MasterPages/Root.Master"

modify it to this:

MasterPageFile="~/MasterPages/roothomepage.master"

now

Now go to MasterPages folder > roothomepage.master

find this code:

<div class="master-wrapper-content">
            <nopCommerce:Header ID="ctrlHeader" runat="server" />

below
            <nopCommerce:Header ID="ctrlHeader" runat="server" />

add this

<div class="header-links">
YOUR image carousel Code
</div>

AS YOU ADDED image carousel  code in your masterpage, don't forget to remove / comment it out from header.ascx


re-build your project as you added new masterpages and code in it...and run your project

now your image carousel  will be available only on homepage...

thrifty34 wrote:

if you want to control the speed etc of image carousel animation/motion

open your "jcarousellite_1.0.1.js" file

find this code:

(function($) {                                          // Compliant with jquery.noConflict()
$.fn.jCarouselLite = function(o) {
    o = $.extend({
        btnPrev: null,
        btnNext: null,
        btnGo: null,
        mouseWheel: false,
        auto: null,

        speed: null,( you can make this null, or number it according to your speed requirement - null means it won't move by itself, you have to place your mouse on it in order to move images)
        easing: null,

        vertical: false,
        circular: true,
        visible: 3,
        start: 0,
        scroll: 1,