Forum PHP.pl > [JavaScript][PHP]modyfikacja skryptu

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript][PHP]modyfikacja skryptu

shreker

22.11.2013, 15:28:59

ma skrypt autoslidera w php i js

[PHP] pobierz, plaintext 
//Php Function to read the images in a dir
function getJsArray($dir) {
    $out = "";
    if ($dh = opendir($dir)) {
        while (($file = readdir($dh)) !== false)
            if(in_array( substr(strrchr($file, '.'), 1) , array('gif','png','jpg') )) $out.= ($out?",":"")."'".$dir.$file."'";
        closedir($dh);
    } else { die ("no dir"); }
    return $out;
}
 
?>
 
 
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
    var gallery_current_pos = 0;            // gallery counter position
    var gallery_idname = "container";        // id of the gallery container
    var gallery_timer = 5000;                // 5 seconds
    var gallery_ar = Array(<?=getJsArray("./minislides/")?>);
 
    function goGallery() {
        if (gallery_current_pos>gallery_ar.length - 1) gallery_current_pos =0;
        $('#'+gallery_idname).fadeTo("fast", 0 , function () {
            $('#'+gallery_idname).css("background-image","url(" + gallery_ar[gallery_current_pos] + ")");    
            $('#'+gallery_idname).fadeTo("slow", 1);
            gallery_current_pos++;
        });
        if (gallery_ar.length>1) setTimeout(    function () { goGallery(); }, gallery_timer);
    }
    </script>
    <style>
        #container {background-repeat:no-repeat;width:300px;height:200px;}
    </style>
 
<body onload="goGallery();">
    <div id='container'>&nbsp;</div>
[PHP] pobierz, plaintext

mam obrazki wielkosci 800x600, potrzebuje je wyswietlic w wielkosci 300x200 ale nie "obcinane" jak to teraz robi skrypt ale przeskalowane. jak to przerobic?

SmokAnalog

22.11.2013, 15:36:04

Masz trzy możliwości:

Skorzystać z właściwości background-size w CSS3, ale dla wielu osób to nie zadziała
Przeskalować obrazek w PHP z biblioteką GD
Zmienić HTML, żeby wyświetlać przeskalowany <img> zamiast tła

Najsensowniejsza jest opcja nr 2.

zegarek84

22.11.2013, 15:46:45

Cytat(SmokAnalog @ 22.11.2013, 15:36:04 )

Najsensowniejsza jest opcja nr 2.

nie koniecznie jeśli wziąć pod uwagę cache... ale właśnie, może przerobić obrazek zaoszczędzając transfer i puścić go z odpowiednimi nagłówkami by proxy i przeglądarki go zapamiętały po pierwszym wywołaniu... a często spotykamy się z transparentnym proxy ;p... lub jeszcze można by wspomnieć o CDN ale nie ma potrzeby na małą skalę ;p - ale to w zasadzie "proxy"

SmokAnalog

22.11.2013, 15:50:09

Zwykle tylko jakaś część obrazków jest wyświetlana w pełnej rozdzielczości, po wejściu na artykuł / wybraniu obrazka w galerii itp. Zapełnienie slidera kilkoma obrazkami o wymiarach 800x600 nie wydaje mi się dobrym pomysłem.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.