Blogspot Problem. Bildvorschau der Posts

Dieses Thema im Forum "Webdesign" wurde erstellt von HiGh-FlY, 14. September 2013 .

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 14. September 2013
    Zuletzt bearbeitet: 14. September 2013
    Hi Leute,

    ich brauche mal wieder eure Hilfe.

    Ich habe eig. keine wirkliche Ahnung von HTML, CSS usw. usw. Ich kann mir ein wenig aushelfen, indem ich den Code durchgehe und schaue was er macht wenn ich Teile verändere. Also die Grundsätzlichen Dinge.

    Hier stoße ich allerdings auf meine Grenzen.

    PHP:
    < script type = 'text/javascript' >
    summary_noimg  550 ;
    summary_img  450 ;
    img_thumb_height  200 ;
    img_thumb_width  150 ;
    </
    script >
    <
    script type = 'text/javascript' >
    //<![CDATA[

    function  removeHtmlTag ( strx , chop ){
            if(
    strx . indexOf ( "<" )!=- 1 )
            {
                    var 
    strx . split ( "<" );
                    for(var 
    i = 0 ; i < s . length ; i ++){
                            if(
    s [ i ]. indexOf ( ">" )!=- 1 ){
                                    
    s [ i ] =  s [ i ]. substring ( s [ i ]. indexOf ( ">" )+ 1 , s [ i ]. length );
                            }
                    }
                    
    strx  =   s . join ( "" );
            }
            
    chop  = ( chop  strx . length - 1 ) ?  chop  strx . length - 2 ;
            while(
    strx . charAt ( chop - 1 )!= ' '  &&  strx . indexOf ( ' ' , chop )!=- 1 chop ++;
            
    strx  strx . substring ( 0 , chop - 1 );
            return 
    strx + '...' ;
    }

    function 
    createSummaryAndThumb ( pID ){
            var 
    div  document . getElementById ( pID );
            var 
    imgtag  "" ;
            var 
    img  div . getElementsByTagName ( "img" );
            var 
    summ  summary_noimg ;
            if(
    img . length >= 1 ) {
                    
    imgtag  '<span style="float:left; padding:0px 10px 5px 0px;"><img src="' + img [ 0 ]. src + '" width="' + img_thumb_width + 'px" height="' + img_thumb_height + 'px"/></span>' ;
                    
    summ  summary_img ;
            }

            var 
    summary  imgtag  '<div>'  removeHtmlTag ( div . innerHTML , summ ) +  '</div>' ;
            
    div . innerHTML  summary ;
    }

    //]]>
    </ script >

    Dies ist der Code, der meine Bilder, die ich in den Blogpost einfüge als Vorschau einsetzt.

    Mein Problem hierbei ist, dass er die Bilder auf die gewünschte Größe von 150/200 Pixel skaliert. Ich möchte die Bilder jedoch in beliebiger Größe hochladen und diese als vorschau haben ohne, dass er diese skaliert.

    Bei dieser Einstellung nervt es, die Bilder vorher immer genau passend zuzuschneiden, wobei einige Bildinformationen verloren gehen, weil das ganze dann zu klein ist. Größer wäre auch ne Möglichkeit, aber mich stört eben, dass es diese fixe größe ist.


    Falls es von Nöten ist. Das hier ist das Theme, welches ich verwende.
    Modern Style Blogger template - BTemplates
    Könnt ihr mir helfen?


    OMG. sorry. habs gefunden. Einfach "null" einsetzen anstatt der Zahlen..
     
  2. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.