Lightbox

Nvu, Kompozer en Bluegriffon zijn open source (WYSIWYG) programma's waarmee je een website kunt maken en onderhouden (vergelijkbaar met FrontPage / Dreamweaver).
Gebruikersavatar
nirwana
Beheerder
Berichten: 11423
Lid geworden op: 19 september 2003, 5:09
    Windows 7 Firefox

Re: Lightbox

Bericht door nirwana »

Wat de titel van de pagina betreft: Google heeft nu nog een kopie staan van 8 april. Daar staat "Big Willy For Friends" bovenaan de pagina. Dat zou ik ook overnemen als titel voor de index-pagina van de nieuwe site.

Verder zou ik voor alle pagina's gewoon eens bekijken wat er als titel in de browser komt te staan. Bedenk dan bij jezelf of dat voldoende informatie geeft over de inhoud van de pagina. Is dat niet het geval dan kun je de titel van die pagina aanpassen.

Overigens wijzig je de titel per webpagina, want elke pagina kan een eigen titel krijgen. Het is dus niet zo dat als je het in 1 pagina aanpast dat dat dan voor elke pagina van de website geldt.
Met vriendelijke groet,

Martijn
[ Mede-oprichter + webmaster MozBrowser | beheerder Startpagina's over freeware, GIMP, Mozilla en OpenOffice.org / LibreOffice, Ubuntu
Miekmol
Berichten: 74
Lid geworden op: 15 november 2010, 21:18
    Windows 7 Internet Explorer 8

Re: Lightbox

Bericht door Miekmol »

Hoi Martijn,

Ik heb de titelpagina's aangepast, wil je even kijken of ik het goed heb gedaan, is dit wat je bedoelde?

NU lees ik net bovenstaande bericht van jou, dan zal ik het wel niet goed gedaan hebben???

groetjes Mieke
P.s. Ik wil je heel heel hartelijk danken voor alle moeite die je voor me doet! Klasse!!!
Gebruikersavatar
nirwana
Beheerder
Berichten: 11423
Lid geworden op: 19 september 2003, 5:09
    Windows 7 Firefox

Re: Lightbox

Bericht door nirwana »

Mieke,

Ik weet niet wat je hebt aangepast, maar op http://bigwilly.dse.nl zie ik hier nog niets van.

http://www.dse.nl/~mvesters/ zegt wel als titel van het tabblad "BigWilly".
Dat komt al in de goede richting.

Het lijkt me het beste om:
- de pagina index.html te openen
- via Opmaak > Paginatitel de titel aanpassen naar Big Willy For Friends
- de gewijzigde index.html pagina naar de BigWilly-website uploaden
Met vriendelijke groet,

Martijn
[ Mede-oprichter + webmaster MozBrowser | beheerder Startpagina's over freeware, GIMP, Mozilla en OpenOffice.org / LibreOffice, Ubuntu
Gebruikersavatar
nirwana
Beheerder
Berichten: 11423
Lid geworden op: 19 september 2003, 5:09
    Windows 7 Firefox

Re: Lightbox

Bericht door nirwana »

Mieke,

Op www.dse.nl/~mvesters/audio.html heb ik een voorbeeld geplaatst van het audio-bestand van Big Willy (Take me home, country roads).

Uiteindelijk heb ik gekozen voor het Projekktor-project. Dat biedt ondersteuning voor de <audio>- en <video>-elementen die de HTML5-standaard aanbiedt. Voor browsers die dat nog niet ondersteunen kan echter worden teruggevallen op iets wat zij wel ondersteunen.

Daardoor werkt dit bijvoorbeeld ook met dezelfde HTML-code in Internet Explorer.
Die code ziet er als volgt uit:

Code: Selecteer alles

<audio id="player_a" src="01 Nummer 2.mp3" class="projekktor" width="511" height="357" poster="images/country-music.jpg" loop="true">
</audio>
Daarin geef ik aan dat het nummer zichzelf moet herhalen (loop). Ook kun je hierin een autoplay opnemen om de muziek automatisch te laten starten. Echter vind ik het nooit prettig als een webpagina spontaan geluid gaat maken. Daarom heb ik dat hier niet in opgenomen.

Alleen ben ik nog niet zeker of ik het wel goed heb geïmplementeerd. Zo zie ik bijvoorbeeld geen knoppen voor Play, Pause, de lengte van de song, etc, terwijl ik toch wel een bepaald thema heb aangeduid. Het enige wat ik nu krijg is de achtergrond-afbeelding die ik heb aangegeven en als ik niet voor autoplay kies dan komt daar een Play-knop in te staan.

Ik vraag me dan ook af of de fallback waar ik het hierboven over heb wel werkt. Ik bedacht me net dat de browsers waarin ik het tot nu toe heb geprobeerd op zich wel het audio-element uit de HTML5-standaard ondersteunen. Ik zie Internet Explorer doorgaans als de inferieure browser. Nu klopt dat op zich wel, maar ook die browser is wel met een inhaalslag bezig. Volgens www.html5test.com ondersteunt mijn IE9 ook het audio-element voor muziek in MP3-formaat.

Ik verdenk deze beide browsers er dan ook van dat zij gewoon de audio voor mij afspelen zonder tussenkomst van deze Projekktor-component. Daarom heb ik ook maar een pagina gemaakt volgens HTML5: www.dse.nl/~mvesters/audio5.html
Daar wordt niet met het Projekktor-component gewerkt, dus moet de browser het zelf doen. Dat werkt wel, maar dan moet je wel een moderne browser meenemen (FF4, IE9 of een recent Google Chrome of Safari).

Wel moet ik dan 2 verschillende audio-bestanden aangeven:
- Internet Explorer 9 ondersteunt geen Ogg-formaat
- Firefox 4 ondersteunt geen MP3-formaat
Dan wordt de code als volgt:

Code: Selecteer alles

<audio id="player_a" class="projekktor" width="511" height="357" poster="images/country-music.jpg" autoplay="true" controls="true" loop="true">
	<source src="01 Nummer 1.ogg" />
	<source src="01 Nummer 2.mp3" />
</audio>
Met vriendelijke groet,

Martijn
[ Mede-oprichter + webmaster MozBrowser | beheerder Startpagina's over freeware, GIMP, Mozilla en OpenOffice.org / LibreOffice, Ubuntu
Gebruikersavatar
nirwana
Beheerder
Berichten: 11423
Lid geworden op: 19 september 2003, 5:09
    Windows 7 Firefox

Re: Lightbox

Bericht door nirwana »

In www.dse.nl/~mvesters/audiofallback.html heb ik nu ook extra code aangegeven voor een fallback voor oudere browsers.
Alleen kan ik dat zelf wat lastig testen, aangezien ik m'n browsers doorgaans wel bijwerk.

Nu staat er deze code in:

Code: Selecteer alles

<audio src="01 Nummer 2.mp3" class="projekktor" width="511" height="357" poster="images/country-music.jpg" loop="true">
</audio>

<script type="text/javascript">
$(document).ready( function() {
projekktor('audio', {	
playerFlashMP4: 'http://www.dse.nl/~mvesters/jarisplayer.swf',
playerFlashMP3: 'http://www.dse.nl/~mvesters/jarisplayer.swf'
});
});
</script> 
PS: ik heb dit nummer van Big Willy nu al zo vaak gehoord dat ik al bijna fan ben geworden ;-)
Alleen kan de uitspraak van het Engels op sommige punten nog beter. Maar verder vind ik het knap, hoor.
Met vriendelijke groet,

Martijn
[ Mede-oprichter + webmaster MozBrowser | beheerder Startpagina's over freeware, GIMP, Mozilla en OpenOffice.org / LibreOffice, Ubuntu
Miekmol
Berichten: 74
Lid geworden op: 15 november 2010, 21:18
    Windows 7 Internet Explorer 8

Re: Lightbox

Bericht door Miekmol »

Goedemorgen Martijn,

Heel heel hartelijk dank voor alles!

Ik heb de namen in de pagina's aangepast.
Ik heb alles incl. jouw bestanden naar de server van Willy geupload.
Je hebt mooie pagina's gemaakt, echter jammergenoeg werken ze niet. Zie printscreen, stuur ik per mail, kan hier niet toegevoegd worden...
Het bestand audiofalback.html wat je hierboven laat zien werkt heel aardig, maar als ik er op klik vanuit mijn bestanden op de computer dan moet ik eerst de beveiliging wegklikken en dan krijg ik een play-knop zonder de afbeelding van country te zien.
Klik ik dan op de knop om de muziek af te spelen dan krijg ik een melding Adobe heeft een potentieel onveilige bewerking gestopt.
Ik werk met IE 8.... en dat doen veel mensen of zelfs nog oudere versies.

Nu heb ik al eens zitten denken... Op alle pagina,s staat een afbeelding links onderaan van country-music.
Het zou mooi zijn als daar de pagina aan gekoppeld kon worden als het goed werkt.
Nog mooier als op deze afbeelding de playerknop geplaatst kon worden en dan het nummer werd afgespeeld.

Dit heb ik gevonden:
http://www.homepage-maken.nl/artikelen/wd/muziek.php

groetjes en een fijne zondag
(hopelijk niet al teveel trubble-vrouwtjes net als ik)
Mieke
Gebruikersavatar
nirwana
Beheerder
Berichten: 11423
Lid geworden op: 19 september 2003, 5:09
    Windows 7 Firefox

Re: Lightbox

Bericht door nirwana »

Mieke,

Op de index-pagina van www.dse.nl/~mvesters/ heb ik linksonder de afbeelding van de CountryMusic nu een embed-stukje geplaatst volgens de handleiding die jij aangaf.

Dat is wat minder geavanceerd dan waar ik gisteren mee bezig was, maar de kans dat het in alle browsers werkt is wel groter. Hier werkt het in elk geval in Firefox 4 en in IE9 (beide via de Quicktime plug-in).

Ik ben benieuwd of dit ook in jouw IE8 werkt.

Ik heb dit nu alleen in de index-pagina verwerkt zodat je kunt zien of dit goed werkt. Als dit naar behoren werkt dan kun je dit ook in de andere pagina's opnemen.
Met vriendelijke groet,

Martijn
[ Mede-oprichter + webmaster MozBrowser | beheerder Startpagina's over freeware, GIMP, Mozilla en OpenOffice.org / LibreOffice, Ubuntu
Miekmol
Berichten: 74
Lid geworden op: 15 november 2010, 21:18
    Windows 7 Internet Explorer 8

Re: Lightbox

Bericht door Miekmol »

Hallo Martijn,

Voorlopig werkt het in IE.... mooi!
Alleen het balkje waar je kunt luisteren of stoppen is heel erg smal en vallen de icoontjes die daarop staan gedeeltelijk weg.

Nu heb ik de index-pagina van de server gehaald en mijn index hiermee vervangen.
De afbeelding van countrymusic staat er niet meer op terwijl in het bronbestand het nog wel staat.

<form action="#" method="get"> <a
href="www.radiocountrylive.com"><img
style="border: 0px solid ; width: 191px; height: 114px;" alt=""
src="images/countrymusic.jpg" /></a> <br />
</form>
<br />
<embed src="01%20Nummer%202.mp3" autostart="false"
height="16" width="190">
<div class="cleaner"></div>
</div>
<div class="bottom"></div>
</div>
</div>


Doe ik het goed als ik de heigt "16" verhoog naar bijv. 30?
Op alle pagina's de image van countrymusic opnieuw invoer?
Kun je misschien aangeven wat ik nu precies voor Code in moet voeren op alle pagina's en wat ik allemaal weg mag gooien uit mijn map dat niet meer naar de service hoeft te worden geupload?

Vriendelijke groet
Mieke
Gebruikersavatar
nirwana
Beheerder
Berichten: 11423
Lid geworden op: 19 september 2003, 5:09
    Windows 7 Firefox

Re: Lightbox

Bericht door nirwana »

Miekmol schreef:<form action="#" method="get"> <a
href="www.radiocountrylive.com"><img
style="border: 0px solid ; width: 191px; height: 114px;" alt=""
src="images/countrymusic.jpg" /></a> <br />
</form>
<br />
<embed src="01%20Nummer%202.mp3" autostart="false"
height="16" width="190">
<div class="cleaner"></div>
</div>
<div class="bottom"></div>
</div>
</div>

Doe ik het goed als ik de height "16" verhoog naar bijv. 30?
Op alle pagina's de image van countrymusic opnieuw invoer?
Kun je misschien aangeven wat ik nu precies voor Code in moet voeren op alle pagina's en wat ik allemaal weg mag gooien uit mijn map dat niet meer naar de service hoeft te worden geupload?
Ja, je kunt die height prima naar een andere waarde zetten. Deze waarde kwam goed uit met de Quicktime-plugin die in mijn geval gebruikt wordt.
De link naar http://www.radiocountrylive.com gaat overigens niet werken. Daar zul je toch echt een http:// voor moeten plaatsen.
Ook zou ik aan die link iets toevoegen zodat die in een nieuw venster geopend wordt. Anders kan de bezoeker al direct de website verlaten zonder dat je daar erg in hebt.

De meeste bestanden kun je wel op de server laten staan, want die nemen niet veel ruimte in. Alleen moet je even kijken welke geluidsbestanden je daar nu op hebt staan. 01 Nummer 1.wma is het originele bestand; die wordt nu niet meer gebruikt. 01 Nummer 1.mp3 is het originele bestand naar MP3 omgezet. 01 Nummer 2.mp3 is een iets ingekorte variant zonder de pauze aan het begin en aan het eind; die gebruiken we nu. 01 Nummer 1.ogg kun je verwijderen, want die wordt nu niet gebruikt.
Met vriendelijke groet,

Martijn
[ Mede-oprichter + webmaster MozBrowser | beheerder Startpagina's over freeware, GIMP, Mozilla en OpenOffice.org / LibreOffice, Ubuntu
Miekmol
Berichten: 74
Lid geworden op: 15 november 2010, 21:18
    Windows 7 Internet Explorer 8

Re: Lightbox

Bericht door Miekmol »

Hoi Martijn,

Ik heb op alle pagina's de code ingevoerd, op alle pagina's behalve het gastenboek staat de muziekplayer.
Op de gastenboekpagina kan ik niet werken, dit werkt gewoon niet in Kompozer, soms duurt het een half uur, soms wel een dag.
Nu is het niet zo erg dat het daar niet opstaat.

Ik heb een aantal dingen weggegooid en alles op mijn server gezet. kan ik de audiopagina's nu ook weggooien?

Wat ik nu heb is dat ik op alle pagina's de muziek kan aanklikken en dat werkt ook maar als ik naar een andere pagina ga, stopt de muziek en dat is niet de bedoeling, het moet gewoon door blijven spelen.
Is dit ook te maken?

Verder gaan de pagina's niet open met een favicon, of gaat dit alleen op de server van Willy, daar heb ik de wesbite nog niet opgezet.

groetjes Mieke
Gebruikersavatar
nirwana
Beheerder
Berichten: 11423
Lid geworden op: 19 september 2003, 5:09
    Windows 7 Firefox

Re: Lightbox

Bericht door nirwana »

Miekmol schreef:Ik heb een aantal dingen weggegooid en alles op mijn server gezet. kan ik de audiopagina's nu ook weggooien?
Ja, die kun je weggooien, evenals de bijbehorende scripts van Projekktor en Speakker.
Miekmol schreef:Wat ik nu heb is dat ik op alle pagina's de muziek kan aanklikken en dat werkt ook maar als ik naar een andere pagina ga, stopt de muziek en dat is niet de bedoeling, het moet gewoon door blijven spelen.
Is dit ook te maken?
Ik heb je al in de mail uitgelegd dat dat het verschil is met de vorige website: je werkt niet meer met frames (en dat is goed). Je werkt nu met losse pagina's die elke keer helemaal opnieuw ingeladen worden. Of je moet alleen de audio in een klein frame stoppen.
Miekmol schreef:Verder gaan de pagina's niet open met een favicon, of gaat dit alleen op de server van Willy, daar heb ik de website nog niet opgezet.
Ik weet niet precies wat je daarmee bedoelt, maar met de favicon zou ik pas op de server zelf testen. Favicons zijn altijd lastige dingen.
Met vriendelijke groet,

Martijn
[ Mede-oprichter + webmaster MozBrowser | beheerder Startpagina's over freeware, GIMP, Mozilla en OpenOffice.org / LibreOffice, Ubuntu
Miekmol
Berichten: 74
Lid geworden op: 15 november 2010, 21:18
    Windows 7 Internet Explorer 8

Re: Lightbox

Bericht door Miekmol »

Hoi Martijn,

Ik wil graag dat de muziek door blijft spelen als je naar een andere pagina gaat.
Ik heb dit gevonden:

. Achtergrondmuziek op een website plaatsen doe je met frames.

Wanneer de bezoeker naar een andere pagina gaat, dan stopt de muziek.
Om de muziek verder te laten spelen, maak je gebruik van een onzichtbaar frame waarin de muziekpagina geladen wordt. Doordat het (onzichtbare) frame steeds aanwezig blijft en de paginawissel in een ander framevenster plaats vindt, blijft de muziek verder spelen.
Een onzichtbaar frame maak je als volgt:
<frameset rows="0,*" frameborder=0 border=0 framespacing=0>
<frame name = "muziek" src = "muziek_aan.htm">
<frame name = "hoofd" src = "een_pagina.htm"
</frameset>
In "muziek_aan.htm" plaats je de pagina met de muziek zoals in punt 1.
In "een_pagina.htm" plaats je jouw website.

Als dit toegepast wordt zou ik in feite alleen op de indexpagina en homepages de muziekplayer die ik vanavond op alle pagina's heb toegevoegd kunnen laten staan en op de andere pagina's weer weghalen?

Martijn zou je op de indexpagina aub een onzichtbaar frame willen plaatsen?
Of hier de exacte code neerzetten, zodat ik het makkelijk zelf kan doen?

voor straks... welterusten

gr. Mieke
Gebruikersavatar
nirwana
Beheerder
Berichten: 11423
Lid geworden op: 19 september 2003, 5:09
    Windows 7 Firefox

Re: Lightbox

Bericht door nirwana »

Mieke,

Op www.dse.nl/~mvesters/index.html heb ik nu een top-frame met muziek geplaatst.

In www.dse.nl/~mvesters/index2.html heb ik een frameset geplaatst.
Als index.html geladen wordt, dan stuurt deze de bezoeker direct door naar index2.html

Zo zorg je ervoor dat:
a) het bovenste frame automatisch geladen wordt en
b) je niet alle linkjes naar index.html hoeft te wijzigen ;-)

Nieuwe bestanden:
- audioplayer.html
- index2.html

Aangepast bestand:
- index.html (Javascript-redirect toegevoegd):

Code: Selecteer alles

function redirect()
{
	if (top.location == self.location)
		top.location.href="index2.html";
}
</script></head>
<body onload="redirect();">
Met vriendelijke groet,

Martijn
[ Mede-oprichter + webmaster MozBrowser | beheerder Startpagina's over freeware, GIMP, Mozilla en OpenOffice.org / LibreOffice, Ubuntu