Nogen der er skarpe til jquery?

[Guest]

For så har jeg et spørgsmål :)

[tsecret]

Du spørger bare, så vil jeg se om jeg kan huske...

[Guest]

Nu må jeg se om jeg kan forklare det, så det giver mening :)

 

Jeg er ved at lave et dynamisk galleri, som skal vise produktbilleder knyttet til det specifikke produktid. Det er dette, jeg bruger som udgangspunkt: http://bootsnipp.com/snippets/featured/carousel-with-gallery-thumbs

 

Jeg trækker billederne fra min database, og det er i sig selv enkelt nok med en foreach, så jeg kan godt placere de rigtige billeder i selve thumbnails. Ved klik skal det billede jo så vises i stort, og det er her, jeg løber ind i problemer. Jeg tænker at jeg i jquery koden, skal have skrevet billedeid ind, men jeg har ingen anelse om, hvordan jeg får det defineret i scriptet.

 

Giver det mening?

[tsecret]

Det er meget nemmere at hjælpe hvis jeg også må se lidt kode - evt på pm ;)

 

Men altså, hvis jeg forstår dig rigtig, så har du jo allerede fat i billederne en gang - er det de rigtige billeder (1) du har fat i der, eller bare en formindsket thumbnail (2) version? 

 

Hvis (1) så burde du jo bare have en click_event tilknyttet, hvor du så sender det aktuelle billed-id videre til. Hvis (2) skal du så i tillæg finde det matchende full-size billede også. Men som sagt, lettere at hjælpe konkret hvis du har noget kode.

[Guest]

Det er det rigtige billede, jeg får fat i i thumbnail-udgaverne. De bliver nemlig trukket fra databasen. 

 

Jeg finder lige mit kode frem :) Så dejligt at du gider forsøge at hjælpe

[Guest]

I mit view har jeg det her html og razor, som styrer galleriet. Mine thumbnails bliver hentet rigtigt nok, så det er foreach under der ikke reager

 

 

<div id="main_area">

            <!-- Slider -->

            <div class="row">

                <div class="col-sm-6" id="slider-thumbs">

                    <!-- Bottom switcher of slider -->

                    <ul class="hide-bullets">

 

                        @foreach (var item in Model.ProductImages)

                        {

                            <li class="col-sm-3">

                                <a class="thumbnail" id="@item.ProductImageId"><img src="@item.ImageURL"></a>

                            </li>

                        }

                        

                    </ul>

                </div>

                <div class="col-sm-6">

                    <div class="col-xs-12" id="slider">

                        <!-- Top part of the slider -->

                        <div class="row">

                            <div class="col-sm-12" id="carousel-bounding-box">

                                <div class="carousel slide" id="myCarousel">

                                    <!-- Carousel items -->

                                    <div class="carousel-inner">

 

                                        @foreach (var item in Model.ProductImages)

                                        {

                                                <div class="item" data-slide-number="@item.ProductImageId">

                                                    <img src="@item.ImageURL">

                                                </div>

                                        }

                                        

                                    </div>

                                </div>

                            </div>

                        </div>

                    </div>

                </div>

            </div>

        </div>

[Guest]

Og nederst er der så indsat det her script, og det er det der ikke får aktiveret det id, der skal i nummer to foreach. Jeg er ikke særlig god til jquery, så jeg kan overhovedet ikke gennemskue det. Jeg har prøvet en del efterhånden, men kan slet ikke få det til at virke.

 

 

<script type="text/javascript">

    $(document).ready(function () {

 

        //hastighed på slider - lige nu slider den ikke. Sæt den evt på 5000, hvis den skal slide

        $('#myCarousel').carousel({

            interval: 0

        });

 

        //Handles the carousel thumbnails

 

        //id skal være lig med id fra db

        $('[id^=carousel-selector-]').click(function () {

            var id_selector = $(this).attr("id");

            try {

                var id = /-(\d+)$/.exec(id_selector)[1];

                console.log(id_selector, id);

                jQuery('#myCarousel').carousel(parseInt(id));

            } catch (e) {

                console.log('Regex failed!', e);

            }

        });

    });

</script>

[Guest]

Min umiddelbare tanke og løsning var at jeg skulle aktivere scriptet gennem denne: id^=carousel-selector-], som jeg så prøvede at sætte i den div, der omgav foreachen. Men jeg kan ikke få den til at reagere. Lige nu aktiverer den jo ikke mit click event, fordi jeg har slettet det der var hardcoded, og som jo er det scriptet er skrevet til at reagere på.

[tsecret]

Du er inde på noget af de rigtige, men  id^=carousel-selector- kan ikke sættes på div'en der omringer, men skal sættes på det enkelte element og så gives et tal bagefter. 

 

Faktisk i den øverste foreach du har, så skal du sætte id'et til at være <a id="carousel-selector-0" class="selected"> og så videre for de næste items. Dvs du er nødt til at lave din id i stil med det her id = "carousel-selector." + i; 

 

Og i dit nederste script er du så også nød til at håndtere noget med class selected. Noget i stil med $(this).addClass('selected');

 

Gav det mening? 

[Guest]

Måske :D Ha ha, aj jeg er virkelig ikke skarp til det, men må lige prøve at rode lidt med det. Kom dog til at tænke på at den nederste selvfølgelig ikke skal være i en foreach, for den skal jo kun liste et enkelt billede af gangen.

 

Fifler lidt videre med det senere ud fra dine anvisninger

[tsecret]

Er det lykkes dig at komme videre?

[Guest]

Har overhovedet ikke fået kigget på lige det endnu. Der var så meget andet, jeg skulle have lavet (min svendeprøve starter imorgen, så jeg er lidt presset).

 

Regner med at kigge på det til aften, når banditten sover. 

[tsecret]

Du skal overhovedet ikke lade dig presse af mig i hvert fald! ;) Du siger bare til når du har kigget på det igen, hvis der er brug for mere hjælp.

[Guest]

Jeg har givet op for idag. Sygdommen er for alvor brudt frem, så jeg prøver at pleje mig selv istedet, så jeg forhåbentlig er frisk imorgen.

Hvis det viser sig, at der skal laves et dynamisk galleri med thumbnails i svendeprøven, så vender jeg helt sikkert kraftigt tilbage.

Og indtil da så tusind tak for din hjælp og tid. Jeg laver galleriet færdigt på et eller andet tidspunkt uanset hvad, så din hjælp har ikke været spildt uanset hvad

[tazdiginez]

Jeg har sat min mand på opgaven, for jeg kan ikke liiiiige gennemskue, hvor det går galt henne :unsure 

(og jeg forstår en smule af jquery - er dog bedre i html og BB-code)..

Men Jesper kigger ind og ser om han kan hjælpe - det er ikke sikkert, men så er der lidt flere øjne på sagen ;)

[Jesper]

Jeg må desværre give fortabt; jeg er lidt for rusten i JQuery til at kunne finde årsagen, beklager :-)

[Katrinemus]

Rigtig meget pøj pøj med opgaven :goodluck håber helbredet holder sig ordentligt :kram2

[Guest]

Tusind tak for alle jeres svar. Jeg har haft en helt sindssyg uge med svendeprøve, så der har ikke været overskud til at kigge herind.

Det var faktisk et dynamisk galleri i opgaven ;) Jeg fandt dog på en anden løsning uden jquery, da jeg ikke havde tid til at rode med det oveni alle de mange andre ting, der skulle laves.

Opgaven bestod af en masse ting, vi ikke havde lært og var så omfattende at det var fuldstændig urealistisk at nå i mål på 30 timer. Det var ikke lige det jeg havde drømt om, men jeg fik afleveret og nu skal jeg bare have eksamen onsdag overstået og så er det endelig slut

[Katrinemus]

Rigtig meget pøj pøj i morgen :goodluck :kram2

[Guest]

Rigtig meget pøj pøj i morgen :goodluck :kram2

Du er simpelthen så sød!

Tusind tusind tak. Har det så skidt med det. Er virkelig bange for at dumpe og tror ikke en disse på mit projekt :(

[Katrinemus]

Du er simpelthen så sød!

Tusind tusind tak. Har det så skidt med det. Er virkelig bange for at dumpe og tror ikke en disse på mit projekt :(

Jeg er sikker på du har styr på tingene :kram2 huske dit 12 tal til prøve eksamen :kram2 hep hep, jeg tror på dig :kiss

[Guest]

Jeg er sikker på du har styr på tingene :kram2 huske dit 12 tal til prøve eksamen :kram2 hep hep, jeg tror på dig :kiss

Tak for troen på mig. Det er virkelig rart. Det må jo gå som det gør. Der er mange fejl i mit projekt desværre. Håber jeg kan styre uden om dem, ellers er det ikke så godt

[Katrinemus]

Tak for troen på mig. Det er virkelig rart. Det må jo gå som det gør. Der er mange fejl i mit projekt desværre. Håber jeg kan styre uden om dem, ellers er det ikke så godt

Dem styret du pænt udenom, så er den hjemme, søde du :kram2

Jeg hepper på dig og krydser alt hvad jeg kan for dig i morgen :kram2

[Katrinemus]

Rigtig meget pøj pøj, fokus på det gode i din opgave og naviger udenom de fejl det nu måtte være :goodluck :kram2

Jeg hepper på dig, go go Lollerberg :glad :goodluck