|
|
 | scrollable box til billeder /
Fra :  james25 | Vist : 636 gange
260 point
Dato : 17-01-09 20:34 |
|
Hey !
Jeg arbejder i flash cs3 og skal lave en side med billeder der skal kunne scroll da der ikke er plads til billeder på siden- Problemet opstår når disse billeder også skal fungere som knapper der viderefører til den næste side med oplysninger om det pågældene billede.
Hvordan lave sådan en side.
Håber meget på lidt hjælp.
| |
 | Kommentar
Fra : sokoban  |
Dato : 17-01-09 21:05 |
|
Citat
side med billeder der skal kunne scroll da der ikke er plads til billeder på siden- Problemet opstår når disse billeder også skal fungere som knapper der viderefører til den næste side med oplysninger om det pågældene billede.
Hvordan lave sådan en side. |
Lav det som Thumnails, med link.
Kan ikke rigtig forstå du orker at lave det i CS3.
Men sikkert fordi der skal en masse unyttige oplysninger med.
Som ingen andre end dig ser på.
| |
| Kommentar
Fra : james25 |
Dato : 17-01-09 21:11 |
| | |
| Kommentar
Fra : sokoban |
Dato : 17-01-09 21:21 |
|
SMÅ billeder, der klikkes på og du får 1 meget stort
BTW:
http://peecee.dk/upload/view/150028
Der er næsten ALT om ???
Har 2 cdér med diverse PÅ, hvis du vil have dem. PM
De burde virke til CS3 også_ så meget er der ikke lavet om på selve programmet,
nærmere designet
| |
| Kommentar
Fra : james25 |
Dato : 17-01-09 21:36 |
|
Det ligner noget jeg godt kunne bruge men er der ikke et sted jeg kan downloade en template eller noget andet. Eller kan du sende mig denne flash som flv. fil ?
| |
| Kommentar
Fra : sokoban |
Dato : 17-01-09 21:54 |
|
Citat
Det ligner noget jeg godt kunne bruge men er der ikke et sted jeg kan downloade en template eller noget andet. Eller kan du sende mig denne flash som flv. fil ? |
Du kan hente det NU.
Tager lige et PAR minutter_HVIS
der trods alt næsten 1 GB
Templates_? tror ikke det hedder sådant.
NÅ__en PM og det er dit---?
| |
| Kommentar
Fra : sokoban |
Dato : 17-01-09 21:56 |
|
TEMPLATES kan altid hentes, men om diu
kan få dem til at virke__de er BTW, INDLAGT I DIN
CS 3 hvis du bare leder længe NOK__lol
| |
| Kommentar
Fra : james25 |
Dato : 17-01-09 22:03 |
|
Altså jeg er ikke super meget inde i det her... hvor kan jeg hente filerne ?
| |
| Kommentar
Fra : sokoban |
Dato : 17-01-09 22:08 |
| | |
| Kommentar
Fra : sokoban |
Dato : 17-01-09 23:43 |
|
Går UD FRA DU NU er kommet over på 1 download__ad gangen
Skal jeg lade den stå åben eller henter DU bare_???
| |
 | Kommentar
Fra : molokyle  |
Dato : 18-01-09 07:16 |
|
Mon ikke du skulle droppe FLASH og i stedet vælge en løsning i CSS ???
Kast et blik på denne side: http://www.cssplay.co.uk/menu/
..under afsnittet: Demos - Photo galleries
 </MOLOKYLE>
| |
| Kommentar
Fra : james25 |
Dato : 18-01-09 22:03 |
|
Jeg fik downloadet filerne men der er desværre ikke det jeg skal bruge. Hvis der er flere gode forslag er de meget velkommende. Jeg skal bruge et actionscript eller en fla. fil hvor en billede række fungere som knapper og den billede række skal være scrollable.
Det er stadig flash cs 3 jeg bruger...
| |
| Kommentar
Fra : molokyle |
Dato : 19-01-09 05:37 |
|
Det er vel noget i denne retning du mener? Der kan scrolles i thumbnails (miniaturerne). Der vises en større version ved mouseover og ved klik ..en endnu større, der samtidig fungerer som link.
http://www.cssplay.co.uk/menu/photo_scroll#nogo
Det er REN stylesheet opmærkning af (X-)HTML i CSS. Hvorfor brugeren hverken behøver Flash plug-in, JAVA JVM eller scripting enabled (ActiveX og Javascript).
</MOLOKYLE>
| |
| Kommentar
Fra : james25 |
Dato : 19-01-09 17:14 |
|
Det er sådan noget jeg skal bruge. Hvordan får jeg fat i det ?
| |
| Kommentar
Fra : molokyle |
Dato : 20-01-09 06:03 |
|
Citat
Hvordan får jeg fat i det ? |
..i kildekoden naturligvis:
Citat
But where's the code?
I have had many emails asking where the code/style can be found for the various demonstrations.
Well the xhtml is always placed in the #info div, so examine the source code, find the <div id="info">.....</div> and in between is the 'code'.
In most case the style is embedded in the page <head>...</head>. This is done to keep it all together on the same page making it easier to find. In some cases the css is held in a separate file (where it should be) and is loaded in the normal way <link rel="stylesheet" media="all" type="text/css" href="path to css file.css" /> so just add this path to the address in your browser to see the css file. |
Altså:
CSS:
Kode
<style type="text/css">
#scroller {width:600px; height:360px; position:relative;padding:5px 0; background:#fff;}
#scroller em {display:block; width:229px; height:175px; position:absolute; top:0; right:0; border:1px solid #ddd;}
#scroller span {display:block; width:360px; height:365px; position:absolute; top:0; left:0; border:1px solid #ddd;}
#scroller span b#copyright {font-size:10px; color:#888; position:absolute; bottom:5px; right:20px; font-family:georgia, verdana, arial, sans-serif; font-weight:normal;}
#scroller b#thumbs {display:block; width:220px; height:175px; overflow:auto; float:right; margin-top:175px; border:1px solid #ccc; border-width:1px 0 1px 1px; padding:5px;}
#scroller b#thumbs a {display:block; float:left; margin:0 10px 10px 0; background:#f8f8ff; width:50px; height:50px; border:1px solid #000;}
#scroller b#thumbs a img {width:50px; height:50px; border:0;}
#scroller b#thumbs a:hover {border:1px dotted #ccc; background:#fff url(click_on.gif);}
#scroller b#thumbs a:active, #scroller b#thumbs a:focus {border:1px solid #fff; background:#fff; outline:0;}
#scroller b#thumbs a:hover img {display:block; position:absolute; background:#aaa; z-index:500;}
#scroller b#thumbs a:active img, #scroller b#thumbs a:focus img {display:block; position:absolute; background:#aaa; z-index:100;}
#scroller b#thumbs a:hover img.hr {width:160px; height:120px; right:35px; top:7px; border:1px solid #333;}
#scroller b#thumbs a:hover img.vt {width:120px; height:160px; right:55px; top:7px; border:1px solid #333;}
#scroller b#thumbs a:active img.hr, #scroller b#thumbs a:focus img.hr {width:320px; height:240px; left:20px; top:7px; border:1px solid #333;}
#scroller b#thumbs a:active img.vt, #scroller b#thumbs a:focus img.vt {width:240px; height:320px; left:60px; top:7px; border:1px solid #333;}
</style>
<!--[if IE]>
<style type="text/css">
#scroller b {
scrollbar-arrow-color: #333;
scrollbar-3dlight-color: #bbb;
scrollbar-highlight-color: #eee;
scrollbar-face-color: #bbb;
scrollbar-shadow-color: #eee;
scrollbar-darkshadow-color: #bbb;
scrollbar-track-color: #fff;
}
</style>
<![endif]--> |
(X-)HTML:
Kode
<div id="info">
<h2>Photo scroll gallery</h2>
<h3>1st April 2007</h3>
<div id="scroller">
<em></em>
<span><b id="copyright">© 2007 Stu Nicholls</b></span>
<b id="thumbs">
<a href="#nogo"><img class="hr" src="photo/pic_15h.jpg" /></a>
<a href="#nogo"><img class="hr" src="photo/pic_16h.jpg" /></a>
<a href="#nogo"><img class="vt" src="photo/pic_19v.jpg" /></a>
<a href="#nogo"><img class="hr" src="photo/pic_17h.jpg" /></a>
<a href="#nogo"><img class="hr" src="photo/pic_18h.jpg" /></a>
<a href="#nogo"><img class="hr" src="photo/pic_19h.jpg" /></a>
<a href="#nogo"><img class="vt" src="photo/pic_20v.jpg" /></a>
<a href="#nogo"><img class="vt" src="photo/pic_21v.jpg" /></a>
<a href="#nogo"><img class="vt" src="photo/pic_22v.jpg" /></a>
<a href="#nogo"><img class="hr" src="photo/pic_20h.jpg" /></a>
<a href="#nogo"><img class="hr" src="photo/pic_21h.jpg" /></a>
<a href="#nogo"><img class="vt" src="photo/pic_23v.jpg" /></a>
<a href="#nogo"><img class="hr" src="photo/pic_14h.jpg" /></a>
<a href="#nogo"><img class="vt" src="photo/pic_24v.jpg" /></a>
<a href="#nogo"><img class="hr" src="photo/pic_23h.jpg" /></a>
<a href="#nogo"><img class="vt" src="photo/pic_18v.jpg" /></a>
<a href="#nogo"><img class="vt" src="photo/pic_25v.jpg" /></a>
<a href="#nogo"><img class="hr" src="photo/pic_24h.jpg" /></a>
<a href="#nogo"><img class="hr" src="photo/pic_25h.jpg" /></a>
<a href="#nogo"><img class="hr" src="photo/pic_26h.jpg" /></a>
<a href="#nogo"><img class="vt" src="photo/pic_26v.jpg" /></a>
<a href="#nogo"><img class="vt" src="photo/pic_27v.jpg" /></a>
<a href="#nogo"><img class="hr" src="photo/pic_27h.jpg" /></a>
<a href="#nogo"><img class="vt" src="photo/pic_28v.jpg" /></a>
<a href="#nogo"><img class="hr" src="photo/pic_28h.jpg" /></a>
<a href="#nogo"><img class="vt" src="photo/pic_29v.jpg" /></a>
<a href="#nogo"><img class="hr" src="photo/pic_29h.jpg" /></a>
<a href="#nogo"><img class="vt" src="photo/pic_30v.jpg" /></a>
<a href="#nogo"><img class="vt" src="photo/pic_31v.jpg" /></a>
<a href="#nogo"><img class="hr" src="photo/pic_30h.jpg" /></a>
</b>
</div>
</div> <!-- end of info --> |
</MOLOKYLE>
| |
 | Kommentar
Fra : Manse9933 |
Dato : 20-01-09 06:20 |
|
Citat
Does not work in Opera |
| |
| Kommentar
Fra : molokyle |
Dato : 20-01-09 09:33 |
| | |
| Kommentar
Fra : james25 |
Dato : 20-01-09 15:39 |
|
Det er altså stadig langt over mit niveau. Jeg ved ikke hvordan jeg skal behandle de koder. Jeg har prøvet at sætte dem ind i Dreamweaver men uden det store held.
Nogen gode ideér ? Helst meget udpinslet !
| |
| Kommentar
Fra : james25 |
Dato : 20-01-09 19:09 |
|
Er der ikke mulighed for at en ligger inden med en skarpelon eller actingscript til flash cs3 hvor en scrollable tekst box indeholder nogle knapper og stadig kan scrolle. Disse knapper skal kunne fungere som links.
| |
| Kommentar
Fra : molokyle |
Dato : 21-01-09 06:41 |
|
CSS (Cascading Style Sheets) er den del af koden som styrer en internetsides layout;
Farver, marginer, placering, tekst-størrelse, baggrunde, fonte, mm.
(X-)HTML styrer opmærknig af indholdet;
Hvilken tekst, hvilke billeder, hvilke lyde, hvilke filmklip, overskrifter og afsnit.
Det er ABSOLUT nødvendigt at lære om CSS, hvis man vil gøre sig håb om at lave bare nogenlunde 'pæne' sider som kan vises i alle browsere.
Læs derfor mere hér: http://www.hjemmesideskolen.dk/html/css2.asp?id=css1
..for det er vist en lidt for stor en mundfuld, at give dig et fuldt kursus i dette forum
På denne side er der eksempler du kan 'lege' videre med:
http://www.w3schools.com/css/default.asp
</MOLOKYLE>
| |
| Accepteret svar
Fra : molokyle | 
Modtaget 260 point
Dato : 21-01-09 06:48 |
|
For at gi' dig en idé om hvad man kan lave med CSS, så kast et blik på denne side:
http://www.csszengarden.com/
I menuen til venstre er der nogle eksempler.
Bemærk: UANSET hvilket layout du vælger er (X-)HTML koden NØJAGTIG den samme (= siderne har samme indhold). Det er kun CSS koden der er ændret (= siderne har forskelligt layout).
Keine hexerei ...nur schwindel und humbug
</MOLOKYLE>
| |
| Godkendelse af svar
Fra : james25 |
Dato : 06-02-09 20:31 |
| | |
 | Du har følgende muligheder | |
|
Eftersom du ikke er logget ind i systemet, kan du ikke skrive et indlæg til dette spørgsmål.
Hvis du ikke allerede er registreret, kan du gratis blive medlem, ved at trykke på "Bliv medlem" ude i menuen.
| |
|
|