Random slideshow, random weergeven op site - Softwareontwikkeling

maandag 4 juni 2007 10:52

Acties:

Topicstarter

Ik wil op mijn site graag een nieuwe pagina toevoegen

p deze pagina moet er een soort slideshow komen die plaatjes en tekst op een random plaats op de pagina weergeeft. In een veld van 0,0 tot 800,600 moet er bij eerst een plaatje op 0,0 beginnen en dan 1 op 200,400 etcetc.

Nu weet ik eigenlijk niet zo goed wat voor een techniek ik hier voor moet gebruiken. Dhtml met een javascriptje? of misschien flash?

De site waar de nieuwe pagina aan toegevoegd moet worden is: .http://www.fietsenineuropa.nl

maandag 4 juni 2007 10:57

Acties:

disjfa

be

Dat kan idd in javascript, of in flash. Ligt eraan wat je zelf zou willen. Heb je al wat nagezocht wat er op het web te vinden is? Ik denk dat er dan genoeg te vinden is.

disjfa - disj·fa (meneer)
disjfa.nl

maandag 4 juni 2007 11:01

Acties:

giantgiantus

Topicstarter

Ik heb een mooi javascriptje gevonden om een simplel slideshow te maken met een fade in en een fade out. Echter snap ik niet hoe je dat op een random plaats op je pagina kan weergeven. Hebben jullie daar tips voor?
Ik denk dat javascript dan misschien beter is omdat elke browser dat onderstuent? Flash moet je nog downloaden!

maandag 4 juni 2007 15:30

Acties:

MenN

Met een beetje php & css kun je het ook krijgen dat ergens willekeurig op de pagina je afbeelding komt te staan.

je krijgt dan zoiets:

<?php
//Margins aangeven
$topmargin = rand(0,800);
$leftmargin = rand(0,600);
?>
<html>
<head>
</head>
<body>
<div id="afbeelding" style="position:relative; left:<?php echo("$leftmargin");?>px; top:<?php echo("$topmargin");?>px" >
<img src="..." width="..." height="..." alt="...." />
<br />
</div>
</body>
</html>

"Any sufficiently advanced technology is indistinguishable from magic" - Arthur C. Clark

maandag 4 juni 2007 15:36

Acties:

disjfa

be

Waar heb je de informatie vandaan dat iedereen wel JS heeft en geen flash? Er zijn zat mensen die browsen zonder javascript. Over flash kan ik zo snel gen informatie vinden. Maar daar zijn denk ik ook niet al te veel mensen die het niet aan hebben staan.

Je moet sowieso, ongeacht welk van de twee je gebruikt, je site werkend houden voor als je geen van bijde gebruikt.

disjfa - disj·fa (meneer)
disjfa.nl

maandag 4 juni 2007 16:04

Acties:

BasieP

uit mijn hoofd denk ik dacht ik dat 98% java heeft en 94% flash.
maar bij allebij is het zo dat de personen die geen flash/java hebben ook niet op jouw website zullen komen. (lees: zijn servers die even een driver zoeken bijv.)

ontopic:
als je MenN's voorbeeldje voor php pakt, en vertaalt naar javascript ben je al een heel eind.

paar tips:
- gebruik een array shuffle functie
- voeg er een crossfade aan toe voor mooie effects

over dat random plaats ding:
gewoon position absolute met random left en top properties, ergens tussen 0 en clientWidth enzo

[ Voor 12% gewijzigd door BasieP op 04-06-2007 16:05 ]

This message was sent on 100% recyclable electrons.

maandag 4 juni 2007 16:41

Acties:

sanderb

BasieP schreef op maandag 04 juni 2007 @ 16:04:
uit mijn hoofd denk ik dacht ik dat 98% java heeft en 94% flash.
maar bij allebij is het zo dat de personen die geen flash/java hebben ook niet op jouw website zullen komen. (lees: zijn servers die even een driver zoeken bijv.)

http://www.adobe.com/prod.../version_penetration.html

afhankelijk van voor welke versie je het ontwikkeld uiteraard, maar de penetratie van flash is niets om je zorgen om te maken. Zeker niet op het moment dat je met slideshows aan de slag gaat. Die paar mensen die er dan voor kiezen geen flash of javascript te willen gebruiken zullen ook niet geinteresseerd zijn in je slideshow.
Als je wil dat 100% je website goed ziet, moet je geen slideshow willen.

" A common mistake that people make when trying to design something completely foolproof is to underestimate the ingenuity of complete fools. " - Douglas Noel Adams

maandag 4 juni 2007 19:22

Acties:

MenN

Als je via PHP en CSS werkt kan het wel. Aangezien PHP serverside is en je dus alleen daar zorgen om hoeft te maken. Zitten dan wel geen fancy animatiestjes in maargoed daarvoor is javascript en flash.

"Any sufficiently advanced technology is indistinguishable from magic" - Arthur C. Clark

dinsdag 5 juni 2007 11:38

Acties:

giantgiantus

Topicstarter

Dank voor de antwoorden, ben er nu hard mee bezig!

zondag 1 juli 2007 16:28

Acties:

giantgiantus

Topicstarter

Met wat vetraging ben ik er toch eens aan gaan werken. Wat ik wilde is redelijk gelukt:
http://fietsenineuropa.nl/foto_nederland/foto_nederland.html
Nu krijg je alleen als eerste een roodkruisje. Blijkbaar gaat het preloaden niet goed. Hebben jullie een tip om dit op te lossen?

Dit is het scriptje:
<script>
// (C) 2000 www.CodeLifter.com
// http://www.codelifter.com
// Free for all users, but leave in this header
// NS4-6,IE4-6
// Fade effect only in IE; degrades gracefully

// =======================================
// set the following variables
// =======================================

// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 3000

// Duration of crossfade (seconds)
var crossFadeDuration = 3

// Specify the image files
var Pic = new Array() // don't touch this
// to add more images, just continue
// the pattern, adding to the array below

Pic[0] = 'nederland_1.jpg'
Pic[1] = 'nederland_2.jpg'
Pic[2] = 'nederland_3.jpg'
Pic[3] = 'nederland_4.jpg'
Pic[4] = 'nederland_5.jpg'
Pic[5] = 'nederland_6.jpg'

// =======================================
// do not edit anything below this line
// =======================================

var t
var j = 0
var p = Pic.length

var preLoad = new Array()
for (i = 0; i < p; i++){
preLoad[i] = new Image()
preLoad[i].src = Pic[i]
}

function runSlideShow(){
if (document.all){
document.images.SlideShow.style.filter="blendTrans(duration=2)"
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
document.images.SlideShow.filters.blendTrans.Apply()
}
document.images.SlideShow.src = preLoad[j].src
if (document.all){
document.images.SlideShow.filters.blendTrans.Play()
}
j = j + 1
if (j > (p-1)) j=0
t = setTimeout('runSlideShow()', slideShowSpeed)
}
</script>

maandag 2 juli 2007 01:34

Acties:

Verwijderd

giantgiantus schreef op zondag 01 juli 2007 @ 16:28:
Nu krijg je alleen als eerste een roodkruisje. Blijkbaar gaat het preloaden niet goed. Hebben jullie een tip om dit op te lossen?

Met het preloaden gaat alles goed. Het plaatje dat je in je html hebt staan bestaat niet.

HTML:

1 2	<td id="VU"align='center'> <img src="0.jpg" name='SlideShow' ></td>

maandag 2 juli 2007 08:47

Acties:

André

Analytics dude

En nu moeten wij een script dat je geript hebt fixen? Wat heb je zelf al geprobeerd?

maandag 2 juli 2007 09:12

Acties:

giantgiantus

Topicstarter

Bartdg,
Hartelijk dank! Opgelost nu!!!