Forum PHP Romania - Discutii despre PHP, MySQL, Javascript, AJAX, etc

[beginner18]

am o imagine mare, si 2 mai mici. cand apas pe una din cele mici, se incarca in locul celei mari.

codul este ceva de genu

Cod:
$(document).ready(function(){
                        
                        $("a")
                           .filter(".click1")      
                           .click(function () {
                              $("div")
                              .filter(".poza_princip")
                              .hide();

                              $("div")
                              .filter(".poza_mare_2")
                              .hide();

                              $("div")
                              .filter(".poza_mare_1")
                              .fadeIn("slow");   
                           }   
                        );
                        $("a")
                           .filter(".click2")      
                           .click(function () {
                              $("div")
                              .filter(".poza_princip")
                              .hide();

                              $("div")
                              .filter(".poza_mare_1")
                              .hide();   
                              
                              $("div")
                              .filter(".poza_mare_2")
                              .fadeIn("slow");
                           }
                        );
                     
                       });



dar daca vreau sa adaug mai multe, cum fac?...o sa se faca ditamai codul javascript.

intrebarea este: cum se poate optimiza?
multumesc

[kleampa]

faci un for()

[Amenthes]

Din postul tau nu am inteles exact ce vrei sa faci, pentru ca ziceai de doua poze mici iar in bucata de cod aveai poza_mare_1 si poza_mare_2, apoi tu ai zis ca dadeai click pe imagine, iar in cod dadeai click pe un link... ma rog, iti arat cum as face eu pentru atat cat am inteles.

Cod:

<div id="gallery">
    <div id="big_one">
        <img src="photo/mari/image.jpg">
    </div>
    <ul>
        <li><img src="photo/mici/image.jpg"></li>
        <li><img src="photo/mici/image.jpg"></li>
        <li><img src="photo/mici/image.jpg"></li>
        <li><img src="photo/mici/image.jpg"></li>
        <li><img src="photo/mici/image.jpg"></li>
        <li><img src="photo/mici/image.jpg"></li>
    </ul>
</div>
<script type="text/javascript">

$(document).ready(function() {
    $("#gallery ul img").click(function() {
        $("#big_one img").attr("src", this.src.replace("/mici/", "/mari/"));
    });
});

</script>

[beginner18]

exact ce imi trebuie Amenthes. multumesc.

si inca ceva. am un sir de caractere
xxxxxxxxxxxxxaici_se_schimbawwwwwwwwwwwww

cum scot textu aici_se_schimba, tinand cont ca literele din stanga (acele x-uri) si dreapta (acele w-uri) raman nemodificate, doar continutu dintre ele se schimba, si asta trebuie scos?

multumesc.

[Amenthes]

Varianta asta ar merge cred:

Cod:
var a = /xxx(.*)yyy/.exec('xxxaici_se_schimbayyy');
alert(a[1]);


Gasesti mai multe aici daca vrei sa mai customizezi.

[PHPRomania Bot]