Ga naar inhoud


Alt tekst versnellen


Gast clim

Aanbevolen berichten

Is het mogelijk om een alt tekst sneller te laten lopen?

Ik zie op mijn pagina bij een icoontje dat het langer duurt voordat de tekst zichtbaar is , als op andere sites; daar hoef je maar over een afbeelding met de muis te komen, en de alt-tekst volgt accuut.

 

thanx

Link naar reactie
Delen op andere sites


Citaat:
Is het mogelijk om een alt tekst sneller te laten lopen?
Ik zie op mijn pagina bij een icoontje dat het langer duurt voordat de tekst zichtbaar is , als op andere sites; daar hoef je maar over een afbeelding met de muis te komen, en de alt-tekst volgt accuut.

thanx


kan je misschien de link geven van jouw site en van een andere site waar het volgens jou sneller gaat?

And now for something completely similar

Link naar reactie
Delen op andere sites

helaas niet. omdat de ene commercieel is en de andere een dealer login site, en dat mag ik hier niet zeggen.

Bij de ene site schuif je van mijn part heel snel met de muis over de afbeelding en je ziet accuut tekst en accuut weer weg als de muis de afbeelding verlaat.

Bij onze site duurt het een seconde voordat de alt tekst zichtbaar is.

Het kan natuurlijk ook zo zijn dat bij de 'snelle' site niet met alt teksten gewerkt wordt, dat weet ik dan niet. In ieder geval zo bedoel ik het

Link naar reactie
Delen op andere sites

Mijn gok is iets met show/hide layer.

Al kan ik me niet voorstellen dat bij elke afbeelding zo'n behavior aangemaakt word.

 

onmouseover -> show layer

onmouseout -> hide layer.

 

Dat werkt van het moment dat je er met de muis over de afbeelding gaat.

 

In dreamweaver geeft dat volgende code

 

 

Code:
 <html><head><style type="text/css"><!--#Layer1 {	position:absolute;	width:95px;	height:22px;	z-index:1;	left: 70px;	top: 82px;	background-color: #FFFF00;	visibility: hidden;}--></style><script type="text/JavaScript"><!--function MM_findObj(n, d) { //v4.01  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);  if(!x && d.getElementById) x=d.getElementById(n); return x;}function MM_showHideLayers() { //v6.0  var i,p,v,obj,args=MM_showHideLayers.arguments;  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }    obj.visibility=v; }}//--></script></head><body><p><a href="http://www.sat4all.com"></a></p><div id="Layer1">  <div align="center">www.sat4all.com</div></div><p><a href="index.php"><img src="afbeelding.jpg" width="269" height="168" border="0"  onmouseover="MM_showHideLayers('Layer1','','show')" onmouseout="MM_showHideLayers('Layer1','','hide')" /></a></p><p><a href="http://www.sat4all.com"></a><a href="index.php"></a></p></body></html> 

iMac 27" macOS Sierra
iPhone 5s iOS 10

Link naar reactie
Delen op andere sites

of met alt-tekst (zonder dreamweaver):

 

Code:
<html><head><script type="text/javascript">function popup(swapmode,tekst) {  document.getElementById('layer1').innerHTML = tekst;  document.getElementById('layer1').style.visibility = swapmode;}</script></head><body><div id="layer1" style="visibility:hidden;"></div><br><a href="index.php" onmouseover="popup('visible','tekstje');" onmouseout="popup('hidden','');"><img src="afbeelding.jpg" border="0"></a></body></html>

And now for something completely similar

Link naar reactie
Delen op andere sites

Citaat:
Jou code ziet er idd een stuk beter uit, maar ken helaas geen bal (of slechts een klein balletje) van java script, vandaar dat ik mij met dreamweaver behelp.


het loont echt de moeite om je er een beetje in te verdiepen, dat maakt het een stuk makkelijker (en leuker) om dynamische dingetjes te bouwen. <img src="/forums/images/graemlins/smile.gif" alt="" />

hier word je aardig op weg geholpen:

http://www.w3schools.com/js/default.asp

And now for something completely similar

Link naar reactie
Delen op andere sites

Thx voor de tip.

Ik ben vollop bezig met bijscholen op gebied van webdesign.

Dreamweaver heb ik vorig jaar gedaan net als php deel1

Ik heb er net een cursus flash opzitten.

In september staan php deel 2 en flash deel 2 op het programma.

Als deze cursussen tegen kerst achter de kiezen zitten zou ik mij aan asp en java script willen wagen.

iMac 27" macOS Sierra
iPhone 5s iOS 10

Link naar reactie
Delen op andere sites

flash maakt in de vorm van actionscript bijna geheel gebruik van de syntax en semantiek van javascript, je hebt denk ik goed kans dat het bij flashcursus deel 2 al ruim aan de orde komt. <img src="/forums/images/graemlins/wink.gif" alt="" />

And now for something completely similar

Link naar reactie
Delen op andere sites

Citaat:
Flash maakt in de vorm van actionscript bijna geheel gebruik van de syntax en semantiek van javascript,

 

Ik ga mij daar eens in verdiepen, actionscript werd in deel 1 ook al redelijk wat gebruikt.

iMac 27" macOS Sierra
iPhone 5s iOS 10

Link naar reactie
Delen op andere sites

Dag heren hier ben ik weer

Het heeft inderdaad met show/hide layer tye maken;

volgens het dreamweaver boek komt de tekst dan 'vanuit het niets'

 

Ik heb het volgende gedaan

*een j-peg gelecteerd

*een behavior gedaan namelijk 'show pop up'

*tekst ingevoerd bij 'contents' bijvoorbeeld; voer in zonder spaties

*een nul link (#) gezet bij 'link'

*target gezet op _blank

 

als ik nu kijk bij dreamweaver geeft ie ook keurig aan:

on mouse out hide menu

on mouse over show menu

 

exact wat ik wilde, ik zag ook dat de snelheid in te stellen is, deze staat nu op 1000ms

 

Ga ik nu naar de pagina en ga met de muis over de jpeg zie ik al wel een handje komen, maar geen tekst <img src="/forums/images/graemlins/confused.gif" alt="" />

 

ik zie niet waar ik de fout maak.

Ik heb ook geprobeerd de tekst in een htm document te plaatsen en daar naar toe proberen te linken; hetzelfde resultaat

 

wie weet raad?

Link naar reactie
Delen op andere sites

Citaat:


Ik heb het volgende gedaan
*een j-peg gelecteerd
[color:"red"]*een behavior gedaan namelijk 'show pop up'[/color]
*tekst ingevoerd bij 'contents' bijvoorbeeld; voer in zonder spaties
*een nul link (#) gezet bij 'link'
*target gezet op _blank




Je moet de behavior show-hide [color:"red"] LAYERS [/color]gebruiken, niet show popup menu.

Je maakt eerst een layer (ergens bovenop de jpg) met daarin de tekst die je wil tonen.
Geef de layer een naam en zet hem standaard verborgen (F2 + het oogje op gesloten zetten)

Dan leg je de behavior show-hide layers op de jpg.
Je moet hem 2 keer instellen. 1 keer voor mouse over en 2 keer voor mouse out.

Succes

btw, dit is mijnsinziens een hele boel werk als er veel foto's op je site staan, vermits je bij iedere foto een apparte layer moet maken.
Je kan beter die alt tekst gebruiken.
Het duurt weliswaar een beetje langer voor hij verschijnt, maar dat zal niet veel uitmaken voor de bezoekers.

Deze methode van werken is wel handig als je bij een product extra uitleg wil meegeven.

iMac 27" macOS Sierra
iPhone 5s iOS 10

Link naar reactie
Delen op andere sites

Maak een account aan of log in om te reageren

Je moet een lid zijn om een reactie te kunnen achterlaten

Account aanmaken

Registreer voor een nieuwe account in onze community. Het is erg gemakkelijk!

Registreer een nieuwe account

Inloggen

Heb je reeds een account? Log hier in.

Nu inloggen
  • Wie is er online   0 leden

    • Er zijn geen geregistreerde gebruikers deze pagina aan het bekijken
×
×
  • Nieuwe aanmaken...