Avatar billede per2edb Praktikant
15. januar 2014 - 21:54 Der er 22 kommentarer og
1 løsning

agile_carousel på en aspx side

Jeg kan ikke få agile_carousel til at virke på min aspx side.
Kan det være fordi Dataene ligger på en PHP side som expression web4 ikke kører. Kan i hjælpe.


<div style="position: absolute; top: 95px; left: 150px;" runat="server">

<link rel="stylesheet" href="agile_carousel/agile_carousel.css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.js"></script>
<script src="agile_carousel/agile_carousel.a1.1.js"></script>

<script>

    // Code used for "Flavor 2" example (above)
   
    $.getJSON("agile_carousel/agile_carousel_data.php", function(data) {
        $(document).ready(function(){
            $("#flavor_2").agile_carousel({
               
                // required settings
               
                carousel_data: data,
                carousel_outer_height: 330,
                carousel_height: 230,
                slide_height: 230,
                carousel_outer_width: 480,
                slide_width: 480,
                                               
                // end required settings
                                               
                transition_type: "fade",
                transition_time: 600,
                timer: 3000,
                continuous_scrolling: true,
                control_set_1: "numbered_buttons,previous_button,
                ... (continues on same line)... pause_button,next_button",
                control_set_2: "content_buttons",
                change_on_hover: "content_buttons"
            });
        });
    });
</script>
</div>
Avatar billede keysersoze Guru
15. januar 2014 - 21:58 #1
Den lette måde at teste det på er at køre php-siden direkte i browseren eller via din developer toolbar ( http://www.web-dev.dk/post/2012/06/17/Bliv-en-hurtigere-webudvikler-med-browservc3a6rktc3b8jer.aspx ) se hvad der kommer af respons. Men det lyder meget sandsynligt at PHP som standard ikke kører i et MS setup.
Avatar billede per2edb Praktikant
15. januar 2014 - 22:11 #2
Det har jeg haft prøvet. Der sker intet! Intet Vist

Kan dataene fra PHP siden flyttes over under scripted?

Det er disse data fra PHP siden

[{
      "content": "<div class='slide_inner'><a class='photo_link' href='#'><img class='photo' src='images/banner_bike.jpg' alt='Bike'></a><a class='caption' href='#'>Sample Carousel Pic Goes Here And The Best Part is that...</a></div>",
      "content_button": "<div class='thumb'><img src='images/f2_thumb.jpg' alt='bike is nice'></div><p>Agile Carousel Place Holder</p>"
}, {
      "content": "<div class='slide_inner'><a class='photo_link' href='#'><img class='photo' src='images/banner_paint.jpg' alt='Paint'></a><a class='caption' href='#'>Sample Carousel Pic Goes Here And The Best Part is that...</a></div>",
      "content_button": "<div class='thumb'><img src='images/f2_thumb.jpg' alt='bike is nice'></div><p>Agile Carousel Place Holder</p>"
}, {
      "content": "<div class='slide_inner'><a class='photo_link' href='#'><img class='photo' src='images/banner_tunnel.jpg' alt='Tunnel'></a><a class='caption' href='#'>Sample Carousel Pic Goes Here And The Best Part is that...</a></div>",
      "content_button": "<div class='thumb'><img src='images/f2_thumb.jpg' alt='bike is nice'></div><p>Agile Carousel Place Holder</p>"
}, {
      "content": "<div class='slide_inner'><a class='photo_link' href='#'><img class='photo' src='images/banner_bike.jpg' alt='Bike'></a><a class='caption' href='#'>Sample Carousel Pic Goes Here And The Best Part is that...</a></div>",
      "content_button": "<div class='thumb'><img src='images/f2_thumb.jpg' alt='bike is nice'></div><p>Agile Carousel Place Holder</p>"
}, {
      "content": "<div class='slide_inner'><a class='photo_link' href='#'><img class='photo' src='images/banner_paint.jpg' alt='Paint'></a><a class='caption' href='#'>Sample Carousel Pic Goes Here And The Best Part is that...</a></div>",
      "content_button": "<div class='thumb'><img src='images/f2_thumb.jpg' alt='bike is nice'></div><p>Agile Carousel Place Holder</p>"
}]
Avatar billede keysersoze Guru
16. januar 2014 - 07:37 #3
Hvis dine data er statiske er der absolut ingen grund til at kalde dem gennem AJAX - så er det bare at få dem flyttet ud i javascriptet. Er de dynamiske kan dit php-script sikkert let omskrives til .NET.
Avatar billede per2edb Praktikant
16. januar 2014 - 18:18 #4
Jeg lukker da jeg ikke kommer videre med dette skript alene.

http://developer.ektron.com/Templates/CodeLibraryDetail.aspx?id=4294967633&blogid=116

Linket viser det skal sættes op på en helt speciel måde på en aspx side
Avatar billede per2edb Praktikant
16. januar 2014 - 18:18 #5
Lukket
Avatar billede keysersoze Guru
16. januar 2014 - 19:48 #6
Det var godt nok hurtigt at give op...

Men nej, linket viser ikke at det skal sættes op på en helt speciel måde, det viser hvordan eksemplet kan sættes op out-of-the-box i et bestemt CMS, men det er jo ikke ensbetydende med at det er sådan man skal.
Avatar billede per2edb Praktikant
16. januar 2014 - 20:03 #7
Jeg har været igennem over 50 spørgsmål på Google.
Kun det ene link kommer i nærheden af at kunne bruges på en aspx side
Det er uforståeligt at der ikke findes en carusel med eksempler til aspx.
Feks Google earth bruger dette koncept. Jeg er ligeglad med om det er fra agile eller en anden. Kun ønsker jeg en Carusel a la Google earth. Jeg ønsker ikke (og har ikke indsigt) at begynde fra bunden med at programmere. Der må da findes et eksempel på en færdig carusel
Avatar billede keysersoze Guru
16. januar 2014 - 20:33 #8
Det lyder som om du anskuer det helt skævt. En carusel kører javascript og altså rent clientside - derfor er den fuldstændig ligeglad med om du kører .NET eller PHP. I dit eksempel er der rigtig nok en serverside datakilde i form af et PHP-script men det kunne lige så vel være .NET som data kunne være indlejret i javascripten.

Derfor handler det om at finde den carusel man visuelt gerne vil have og lægge de data ind man nu engang har behov for.
Avatar billede per2edb Praktikant
16. januar 2014 - 21:26 #9
Enig og så er vi tilbage ved mit start spørgsmål igen - HVORDAN
Du forudsætter man er topspecialist og selv ved hvordan man laver denne sammenkobling

Jeg spørger jo netop på specialisten for at få en anvisning.
Der må da være nogen der har gjort det før som har koderne?

Der er over 100 caruseller til Drupal, Wordpress osv lige til at anvende, men når det er en aspx side er det NUL

Du skriver finde den carusel ... Ja men hvilken? hvor man ikke skal "udvikle den dybe tallerken igen"
Avatar billede keysersoze Guru
16. januar 2014 - 22:10 #10
Nu overdramatiserer du det vist lidt - du opgiver allerede inden du er gået i gang, du har hverken forsøgt eller spurgt nærmere ind til det. Og igen har du den forkerte tilgang til det - du skal ikke lede efter en .NET carousel men en javascript og lige præcis den du har fundet er noget speciel da langt de fleste ikke har eksterne datakilder men derimod omdanner HTML til en carousel.

Et simpelt eksempel på det er Bootstraps egen; http://getbootstrap.com/javascript/#carousel
Avatar billede per2edb Praktikant
17. januar 2014 - 11:04 #11
Dit Bootstraps er uden de små thump. Det skal være som på Google earth
Jeg har fundet en der passer 100%.
http://www.marghoobsuleman.com/jquery-ms-carousel

Den kører perfekt på en ren HTML side men den bevæger sig ikke på en aspx side.
Kan den "indlejres" på en aspx side
Avatar billede keysersoze Guru
17. januar 2014 - 11:15 #12
Klienten har i bund og grund ingen anelse om hvorvidt det serveren leverer er en html-side eller en aspx-side for outputtet er under alle omstændigheder det samme, nemlig HTML. Så den nye du har fundet kan sagtens køre på en .aspx-side uden nogen som helst forskelle i forhold til hvis det var en almindelig .html-side. Men du skal selvfølgelig sørge for at referencen til javascript- og css-filerne er korrekte og ikke konflikter med andre filer - om det er tilfældet burde du kunne se gennem din developer toolbar.
Avatar billede per2edb Praktikant
19. januar 2014 - 14:40 #13
Jeg finder currentItem (et billed  nummer)i bigSlideControl
Dette currentItem skal overføres til click(function()

Kan i hjælpe med det


function bigSlideControl(arg) {
    var oBigController = arg;
    var currentItem = oBigController.getCurrentID();
}
   
$("#carouselBig").click(function() {

    var currentItem = currentItem; <=== Hentet ovenfor

    if(currentItem==0) {
    } else if(currentItem==1) {   
        location.href = "Fragt.aspx";
    } else if(currentItem==2) {   
        location.href = "Glossary.aspx";
    } else {
           
    }   
});
Avatar billede per2edb Praktikant
19. januar 2014 - 16:01 #14
Overført til nyt spørgsmål
Avatar billede keysersoze Guru
19. januar 2014 - 16:07 #15
Hvis variabler skal bruges på tværs af funktioner skal du defineres uden for funktionerne.
Avatar billede keysersoze Guru
19. januar 2014 - 19:04 #16
ikke "du" men "de".
Avatar billede per2edb Praktikant
19. januar 2014 - 19:46 #17
Jeg er godt klar over dette. Har prøvet men det virker ikke.
Har de koderne til en Dim der overfører  currentItem fra den ene til den anden funktion
Avatar billede keysersoze Guru
19. januar 2014 - 20:26 #18
Dim hører VB til - ikke javascript. Oprettelse af en variabel i javascript er det samme inden for som uden for en funktion

var currentItem;

Når der så assignes en værdi til variablen inde i en funktion skal der ikke var foran.
Avatar billede per2edb Praktikant
19. januar 2014 - 21:36 #19
Jeg fatter det ikke helt

Det drejer sig formentlig om 2 linier der skal til.
Kan du ikke bare skrive de 2 linier ind i mit script
Avatar billede keysersoze Guru
19. januar 2014 - 21:57 #20
Jeg kan selvfølgelig let tage fejl men det lyder heller ikke som om du forsøger bare en lille smule.

var currentItem;

function bigSlideControl(arg) {
    currentItem = arg.getCurrentID();
}

$("#carouselBig").click(function() {
    if (currentItem == 1) {
        location.href = 'Fragt.aspx';
    } else if (currentItem == 2) {
        location.href = 'Glossary.aspx';
    }
});
Avatar billede per2edb Praktikant
20. januar 2014 - 00:00 #21
Så virker det. Tak for hjælpen
Du tager fejl. Jeg har arbejdet på dette i 4 dage fra 8 til 23
Jeg har ikke dette som speciale overhovedet. Alligevel lykkedes det med din hjælp til sidst at få udviklet koderne ovenfor som manglede i Carusellen. Nu er Carusellen færdig og virker.
Avatar billede per2edb Praktikant
20. januar 2014 - 00:00 #22
Husk at lave det så jeg kan give point
Avatar billede keysersoze Guru
20. januar 2014 - 12:43 #23
Du har forlængst lukket dette spørgsmål.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester