flop25 wrote:

Hello
All I see a .theme-default .nivoSlider { box-shadow:0px 1px 5px 0px #4a4a4a } Maybe that's what you're searching

The slider is not adaptive

Well i am not totally shure that's the slider itself its the padding around the slider which is off the color is #101010 and i would like it to have solid black.

I managed to do this in the past but have totally forgotten how i did this.

Well i solved the background color by adding these lines to stripped theme css.

html , body     { background-color: #000;}
body         { color: #000;}

#thePicturePage .left_block,
#thePicturePage .right_block,
#thePicturePage .middle_block,
#content {
    background-color: #000000;
    border: solid 0px #000;
    border-width: 0px 0;

The  only remaining problem is that i would like to show a slideshow on my homepage which adapts to display  size   any suggestions ?

Ok that is to bad,

i thougth about detecting screen size and selecting the correct slider size.

Something like

if(screen.width==1024)
  {<div class="myHomePage_photo"><p><a href="index.php?/categories">[slider album=5 effect=fade arrows=0 control=0 random=yes size=S elastic=no]</a></p>    </div>}
else if
  {((screen.width>=1920) <div class="myHomePage_photo"><p><a href="index.php?/categories">[slider album=5 effect=fade arrows=0 control=0 random=yes size=L elastic=no]</a></p>    </div>}

But i am a totally nitwit in html coding i do code for a living but not in html or css maybe someone more skilled could tell me if this is possible in additional pages in piwigo.

I am actually not shure if i need the autosize plugin as i am using stripped which has builtin resizing so i never found a difference with the autosize plugin enbaled or disabled.

So i my case u are saying i need to hack the jquery autosize code in stripped.

Anyone with more experience in java have suggestions how to do this ?




// Image autosize function inspired from Autosize Plugin (from cljosse)

    var img_ratio=image_w / image_h;

    if ((options.imageAutosize) || (options.themeStyle != 'original')) {
   
        jQuery(window).resize(function () {
           
            var Fenetre = jQuery(window);
            var ImageContainer = jQuery("#theImageAndTitle");
            var ImageCadre = jQuery("#theImg");
            var Image = jQuery("img","#theImg");
            var TitleBox=jQuery("#imageTitleContainer");
            var Content=jQuery("#content");
           
            var marge_cote=5;
           
            var marge_sup = 5 + Content.offset().top;
            var marge_inf;
            if (options.themeStyle == 'original') {
                marge_inf = options.imageAutosizeMargin+10;   
                if (options.navArrows) marge_cote=20;
            } else {
                marge_inf = 30;
                if (options.navArrows) marge_cote=25;
            }
            var marge_spec = 0;

            if (ImageCadre.length == 0) {
                ImageContainer.css("opacity","1");
                jQuery("img","#theImageAndTitle").css("opacity","1");
                ImageContainer.css("top",marge_sup+"px");
                //maps & earth
                if (jQuery("#map").length == 1) {
                    ImageContainer.css("position","static");
                    ImageContainer.css("margin-top","10px");
                }
                return;
            }
           
            var slideshow=jQuery("#light_slideshow");
            if (slideshow.length!=0) {
                marge_inf = 5;
                marge_spec = 25;
            }
           
            if (Image.length != 1) {
                if (TitleBox.length !=0) TitleBox.css("width","97%");
                return;
            }

            var win_height = Fenetre.height();
            marge_inf = ImageContainer.height()-Image.height()+marge_inf;
            var img_H = win_height - marge_sup - marge_inf;

            if (options.imageAutosize) {
           
                var Hmin = options.imageAutosizeMinHeight;
               
                var max_H = img_H;

                if (img_H >= image_h) img_H = image_h;
                if (img_H <= Hmin) img_H = Hmin;

                var img_W = Math.round(parseFloat(img_H * img_ratio));
               
                var marge_image = ImageCadre.outerWidth() - Image.width();
                var ext_width;
               
                if (options.themeStyle == 'original') { ext_width = jQuery("#content").width();} else {ext_width = Fenetre.width();};
                var max_W = ext_width - marge_image - marge_cote * 2;
               
                if (img_W > max_W) {
                    img_H = Math.round(parseFloat(max_W / img_ratio));
                    img_W = max_W;
                }
           
                Image.css("width", img_W + "px");
                Image.css("height", img_H + "px");
           
            } else {
           
                img_H = image_h;

            }

            if (options.themeStyle != 'original') {
                var marge_tot = win_height - img_H - marge_inf - marge_sup - marge_spec;
                if (marge_tot < 0) marge_tot=0;
           
                var marge = marge_sup + Math.round(parseFloat(marge_tot / 2));

                ImageContainer.css("top",marge+"px");
            }

            // limit img title Container width

            if (TitleBox.length != 0) {
                TitleBox.css("min-width",jQuery("#theImg").outerWidth()+"px");
            }

            jQuery.cookie("stripped_max_width",max_W);
            jQuery.cookie("stripped_max_height",max_H);

            ImageContainer.css("opacity","1");
            ImageCadre.css("opacity","1");
            TitleBox.css("opacity","1");

            if (options.themeStyle != 'original') {
                var max_footer_width = jQuery("#content").width() - jQuery("#tabTitles").width() - 5;
                jQuery("#copyright").css("max-width",max_footer_width);
            }
            return;

        });
       
        jQuery(window).resize();
        jQuery(window).resize();
   
    }    else {
        jQuery("#theImageAndTitle").css("opacity","1");
        jQuery("#theImg").css("opacity","1");
        jQuery("#imageTitleContainer").css("opacity","1");
        jQuery("#theImageAndTitle").css("position","static");
        jQuery("#theImageAndTitle").css("margin-top","10px");
        var TitleBox=jQuery("#imageTitleContainer");
        if (TitleBox.length !=0) TitleBox.css("width","97%");
    }
   
       
});