bildeendring

bildeendring

Innleggav iguan » fre 01.04.2011 20:03

Hallo


Jeg er på jakt etter en styring som gjør at bruker får forskjellig hovedbilde for hver gang han besøker siden.
Eks på slik løsning: http://www.geharddemetz.com/

Har prøvd å lete meg frem til svar her, men har ikke kommet i mål på det.
medlem i 126 måneder
 

Re: bildeendring

Innleggav ak » ons 06.04.2011 20:33

Lovlig sent ;)

Du kan gjøre det enten server side (PHP e.l.) eller i JavaScript. Lenken du referer til ser ut til å bruke noe på serveren.

Kode: Merk alt
<script type="text/javascript">
document.write('<img src="'+(Math.round(Math.random()*10))+'.png" />');
</script>


Vil vise fra 0.png til 10.png

Hvis du vil være litt mere avansert så velger du først et tilfeldig tall, deretter setter en cookie for å huske hvilket bilde du viste sist.

Administrator
Brukerens avatar
medlem i 195 måneder
 

Re: bildeendring

Innleggav iguan » ons 06.04.2011 23:16

Hei

Takkk for svar!
Bra, da skjønner jeg mer av det.
MEN, jeg lurer på en ting til i fht scriptbruk.
Jeg har opplevd at det blir konflikt når jeg bruker to forskjellige visninger på samme html side.
Vet du noe om det?
medlem i 126 måneder
 

Re: bildeendring

Innleggav ak » ons 06.04.2011 23:21

Hva mener du med "to forskjellige visninger på samme side" ?

Administrator
Brukerens avatar
medlem i 195 måneder
 

Re: bildeendring

Innleggav iguan » ons 06.04.2011 23:56

Da mener jeg dette, beklager lite info i sted. Det ene stopper det andre. Kan kjøre bare ett om gangen, er det riktig? Kan det evt legges inn noe for å unngå krasj?
Mener å ha sett en "conflict" kode, men fikk ikke den til å fungere.

Kode: Merk alt
<script type="text/javascript" src="lightbox2/js/prototype.js"></script>
<script type="text/javascript" src="lightbox2/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="lightbox2/js/lightbox.js"></script>
<link type="text/css" rel="stylesheet" href="toftemoturist_org.css" />
<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
<script type="text/javascript">
function slideSwitch() {
    var $active = $('#slideshow IMG.active');

    if ( $active.length == 0 ) $active = $('#slideshow IMG:last');

    // use this to pull the images in the order they appear in the markup
    var $next =  $active.next().length ? $active.next()
        : $('#slideshow IMG:first');

    // uncomment the 3 lines below to pull the images in random order
   
    // var $sibs  = $active.siblings();
    // var rndNum = Math.floor(Math.random() * $sibs.length );
    // var $next  = $( $sibs[ rndNum ] );


    $active.addClass('last-active');

    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
        });
}

$(function() {
    setInterval( "slideSwitch()", 5000 );
});

</script>
medlem i 126 måneder
 

Re: bildeendring

Innleggav ak » fre 08.04.2011 16:58

Du forklarer det fortsatt ikke, mener du at du skal bruke denne slideshow koden du allerede har, som bytter bilde hvert 5. sekund, men at den også skal starte med et tilfeldig bilde?

Administrator
Brukerens avatar
medlem i 195 måneder
 

Re: bildeendring

Innleggav iguan » fre 08.04.2011 21:50

Uffda....

nei, jeg har i tillegg en Lightboxvisning. Disse to krasjer.
Jeg kan kun kjøre en av de to på samme side.
Kan det stemme?

Altså denne slideshowvisningen (på ett sett bilder), i tillegg et galleri (på ett annet sett bilder) med Lightboxvisning.
medlem i 126 måneder
 

Re: bildeendring

Innleggav iguan » man 11.04.2011 23:37

Denne koden:
Kode: Merk alt
<script type="text/javascript">
document.write('<img src="'+(Math.round(Math.random()*10))+'.png" />');
</script>
...

Hva kommer i "body" på denne?
medlem i 126 måneder
 

Re: bildeendring

Innleggav ak » ons 13.04.2011 13:52

Enkleste er å bare prøve, er det ikke?

De andre scriptene dine, jeg tror det er umulig å feilsøke de basert på de snuttene du oppgir. Det vanligste er at to script er avhengig av to ulike versjoner av samme bibliotek (f.eks. jQuery).

Hvis du oppgir lenke til siden, der du har satt opp scriptene etter beste evne (men slik at de fortsatt ikke funker) så er det enklere å hjelpe deg.

Administrator
Brukerens avatar
medlem i 195 måneder
 

Re: bildeendring

Innleggav iguan » man 18.04.2011 15:59

Hei

Her er en link til en av sidene jeg snakker om http://www.toftemo.no/hotell.html
De bildene i bunnen skal kunne åpnes med Lightbox og hovedbildet til venstre midt på siden skal rullere.
Disse funksjonene skal kunne kjøres samtidig.
Nå må jeg sette opp scriptet slik at jeg velger hva som skal virke av de to.
Eks:
På siden "hotell" ligger lightbox funksjonen inne, og dermed blir det ikke rullering på hovedbildet.
(Sidene er under utvikling)
medlem i 126 måneder
 

Re: bildeendring

Innleggav ak » tir 19.04.2011 10:57

Sikkert bare jeg som er for treig:

Men på den siden har du overhodet ikke koden du siterer ovenfor, dvs jquery og function slideSwitch() ? Som sagt, du må vise siden i ikke-fungerende tilstand, ellers kan man ikke finne feil.

Administrator
Brukerens avatar
medlem i 195 måneder
 


Returner til XHTML/HTML



Hvem er i Forumene

Registrerte brukere: Google [Bot]