Avatar billede egzonrh Nybegynder
30. juni 2010 - 18:28 Der er 11 kommentarer og
1 løsning

Image Slideshow?

Hej

Jeg har lyst til at tilføje en image slideshow som den her:
http://coaxie.deviantart.com/art/Creative-Portfolio-Template-106295256?q=1&qo=1

Jeg har prøvet at søge efter Javacripts Slideshows, men mange af dem ligner den her ikke.

Er der en der kan hjælpe?

Tak.
Avatar billede egzonrh Nybegynder
30. juni 2010 - 18:30 #1
Jeg skal lige tilføje:
På det billede, som jeg lige har indsat - Slideshowet behøver ikke have de der tre små thumbnails nedenunder.
Bare en rektangulær Slideshow med 2 pile i hver sin ende.
30. juni 2010 - 19:13 #2
Måske noget herfra -> http://www.dynamicdrive.com/ ?
Avatar billede majbom Novice
30. juni 2010 - 19:14 #3
Avatar billede Slettet bruger
01. juli 2010 - 00:52 #4
Eller et godt lille isoleret projekt at lære af..
- hvorfor ikke prøve at lave det selv, fra bunden ?
Avatar billede egzonrh Nybegynder
01. juli 2010 - 14:52 #5
Det kunne være fedt at lære det, men jeg syntes bare ikke, at der er en stor og en god grund til det. Jeg nøjes bare med det basiske.
- men ellers tak for tippet.

Jeg har tjekket jeres links, og fandt måske noget der mindede lidt som det på billedet, men desværre er det ikke det jeg søger.

Derimod fandt jeg noget her:
http://smoothgallery.jondesign.net/showcase/gallery/#myGallery-picture%282%29

Jeg skal bare have slettet 'Description' på bunden, 'Pictures' på toppen, og det skal være widescreen.
Jeg har prøvet at slette dem, men så virker javascripten ikke længere.
En der kan hjælpe?
Avatar billede egzonrh Nybegynder
01. juli 2010 - 15:26 #6
På hjemmesiden trykkede jeg FAQ og fandt ud af, at jeg skal åbne filen (script) jd.gallery.set
Der skal jeg redigere sådan:

For at fjerne Description:
showInfopane: false

For at fjerne Pictures:
showCarousel: false

Prøver lige at finde ud af, hvordan jeg laver det til widescreen.
Avatar billede egzonrh Nybegynder
01. juli 2010 - 15:41 #7
Jeg fandt ud af hvordan man redigerede størrelsen.
Man skal åbne mappen CSS og åbne worksheet' "jd.gallery.css".

Der skal skulle jeg bare søge efter 'Wide' eller 'Height', og ændre størrelsen.

Der er faktisk to ting tilbage.

1. Der er 1 px border i sort farve - den skal jeg have slettet.
2. Pilene er indenfor rammen og ikke udenfor - dem må jeg have flyttet.

Jeg prøver lige om jeg kan det først.
Avatar billede egzonrh Nybegynder
01. juli 2010 - 16:06 #8
For at fjerne kanten, så åbner jeg igen jd.gallery.css, og finder border med farven 000 og skriver:
border: 0px solid #000;

Nu mangler jeg kun pilene.
Avatar billede egzonrh Nybegynder
01. juli 2010 - 16:31 #9
Jeg kan ikke finde en måde at få de to pile ud af rammen, men jeg har en anden løsning.

Jeg laver baggrunden gennemsigtig ved at åbne jd.gallery.css og finde og redigere background-color:
background-color: transparent;

Så laver jeg selve billedet mindre end selve rammen af slideshowet, og sådan vil det ligne at de to pile er udenfor rammen.
Avatar billede egzonrh Nybegynder
01. juli 2010 - 18:22 #10
Jeg kan bestemme gennemsigtigheden af de to pile ved at justere i filen jd.gallery.css:
-khtml-opacity: 1.0;
    opacity: 0.9;
}

.jdGallery a.left
{


Så er jeg faktisk færdig.
Avatar billede egzonrh Nybegynder
01. juli 2010 - 18:25 #11
Tak for jeres råd, men jeg fik det vist klaret det.
Jeg fik næsten det samme resultat som den på billedet ved at gøre de her ting.
Avatar billede majbom Novice
01. juli 2010 - 19:07 #12
dejligt...

og godt at du skriver hvordan du fik løst dit "problem" :)
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