Random slideshow, random weergeven op site

Pagina: 1
Acties:
  • 106 views sinds 30-01-2008
  • Reageer

  • giantgiantus
  • Registratie: Juni 2007
  • Laatst online: 22:37
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

  • disjfa
  • Registratie: April 2001
  • Laatst online: 04-11 11:05

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


  • giantgiantus
  • Registratie: Juni 2007
  • Laatst online: 22:37
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!

  • MenN
  • Registratie: Oktober 2006
  • Laatst online: 23:40
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


  • disjfa
  • Registratie: April 2001
  • Laatst online: 04-11 11:05

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


  • BasieP
  • Registratie: Oktober 2000
  • Laatst online: 19-10 08:18
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.


  • sanderb
  • Registratie: November 2000
  • Laatst online: 22:31
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


  • MenN
  • Registratie: Oktober 2006
  • Laatst online: 23:40
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


  • giantgiantus
  • Registratie: Juni 2007
  • Laatst online: 22:37
Dank voor de antwoorden, ben er nu hard mee bezig!

  • giantgiantus
  • Registratie: Juni 2007
  • Laatst online: 22:37
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>

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>

  • André
  • Registratie: Maart 2002
  • Laatst online: 27-11 10:04

André

Analytics dude

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

  • giantgiantus
  • Registratie: Juni 2007
  • Laatst online: 22:37
Bartdg,
Hartelijk dank! Opgelost nu!!!
Pagina: 1