Please help me with this code

Discussion in 'jQuery' started by Divvy, Oct 16, 2012.

  1. #1
    Hello friends,

    I have this website: http://gridporn.net (ADULT CONTENT)
    The theme is not compatible with the screen resolution 1920x1080
    This is an issue between the carousel grid and the users screen resolution.
    The issue is the active post in the gridlist appears to the right.. not in the middle of the screen like was suppose to appear.

    Look at the screen shot below:
    http://i.imgur.com/xqgLe.jpg (ADULT CONTENT)

    Now look how must appear:
    http://i.imgur.com/1YUYc.jpg (ADULT CONTENT)

    Can someone help me fix that?

    -----------------------------------------------
    EDIT
    -----------------------------------------------

    I fixed the issue above, but not at 100% yet, now I have a different issue (smaller)

    I changed:
    jQuery(window).resize(function() {
    	jQuery(".caroufredsel_wrapper").css({
    		marginLeft: (Math.ceil(jQuery(window).width() - 900 ) / 2) - 900
    	});
    }).resize();
    PHP:
    To:
    if (jQuery(window).width() ==1920){
    var screen1920= 2700;
    }else{
    var screen1920= 900;
    }
    jQuery(window).resize(function() {
    	jQuery(".caroufredsel_wrapper").css({
    		marginLeft: (Math.ceil(jQuery(window).width() - screen1920 ) / 2) - 900
    	});
    }).resize();
    PHP:

    The website layout now looks good using the resolution 1920x1080. Everything works fine, except one thing...

    The posts that appears in the middle are the older posts ;(
    Take a look: http://i.imgur.com/9KQoX.jpg (ADULT CONTENT)

    Instead of appearing the last posts first...
    Take a look: http://i.imgur.com/yWX27.jpg (ADULT CONTENT)

    Is easy to fix this little issue? :)


    Thanks,
    Tim
     
    Divvy, Oct 16, 2012 IP