• User Attivo

    includere css dentro php si può?

    Sto realizzando un sito in responsive design, nella parte alta della pagina c'è uno slider con delle immagini che scorrono una alla volta.
    Vorrei che questo slider cambi dimensione al cambiare della dimensione del display.
    Secondo voi è possibile fare una cosa del genere?
    Perchè a me non funziona, cioè rimane sempre della dimensione (playlistWidth: 250)
    Evidentemente i fontenuti degli if non vengono interpretati.

    
    <? 
    echo "<script language=\"JavaScript\">\n"; 
    echo "jQuery(function() {\n"; 
    
    echo "jQuery('#allinone_bannerWithPlaylist_easy').allinone_bannerWithPlaylist({\n"; 
    echo "skin: 'easy',\n"; 
    echo "defaultEffect: 'fade',\n"; 
    echo "autoPlay: 8,\n"; 
    echo "responsive:true,\n"; 
    echo "borderColor: '#000000',\n"; 
    echo "circleColor: '#ffffff',\n"; 
    echo "width: 940,\n"; 
    echo "height: 384,\n"; 
    echo "borderWidth: 0,\n"; 
    ?>
    
    <? 
    if ("<style type='text/css'> @media only screen and (min-width: 992px) { } </style>")
    {
    
    echo "playlistWidth: 250,\n"; 
    
    }
    elseif ("<style type='text/css'> @media only screen and (min-width: 768px) and (max-width: 991px) { } </style>")
    {
    
    echo "playlistWidth: 350,\n"; 
    
    }
    elseif ("<style type='text/css'> @media only screen and (min-width: 480px) and (max-width: 767px) { } </style>")
    {
    
    echo ""; 
    
    }
    elseif ("<style type='text/css'> @media only screen and (max-width: 479px) { } </style>")
    {
    
    echo ""; 
    
    }
    ?>
    
    <? 
    echo "showThumbs:false,\n"; 
    echo "numberOfThumbsPerScreen:4\n"; 
    echo "});\n";     
                
    echo "});\n"; 
    echo "</script>"; 
    ?>
    
    

  • ModSenior

    A mio parere l'if che stai facendo lato php non puo essere cosi calcolato.
    Come mai non vuoi farlo lato Javascript?


  • User Attivo

    Javascript, senza php? Perchè si può fare?


  • User Attivo

    Ho provato però ora lo slider non si vede più:

    jQuery(function() {
    
            jQuery('#allinone_bannerWithPlaylist_easy').allinone_bannerWithPlaylist({
                skin: 'easy',
                defaultEffect: 'fade',
                autoPlay: 8,
                responsive:true,
                borderColor: '#000000',
                circleColor: '#ffffff',
                width: 940,
                height: 384,
                borderWidth: 0,
    

    if (<style type=text/css> @media only screen and (min-width: 992px) { } </style>) {
    playlistWidth: 250,
    }
    else if (<style type=text/css> @media only screen and (min-width: 768px) and (max-width: 991px) { } </style>) {
    playlistWidth: 350,
    }
    else if (<style type=text/css> @media only screen and (min-width: 480px) and (max-width: 767px) { } </style>) {
    playlistWidth: 0,
    }
    else if (<style type=text/css> @media only screen and (max-width: 479px) { } </style>) {
    playlistWidth: 0,
    }

                showThumbs:false,
                numberOfThumbsPerScreen:4
            });        
            
            
        });

  • User Attivo

    Infatti...son due cose completamente diverse... il php non ne sa nulla del device che usi per visualizzare il sito, è tutto relativo al frontend. Cmq basta scrivere su google "slide + responsive" che ci son già pronti, se vuoi fare diversi step è sufficente modificare la misura del container

    http dot // responsive-slides.viljamis dot com