Alternativna slika za tekst?

Počeo sam malo pomalo učiti HTML i za početak sam napravio jednu jednostavnu web stranicu.
Evo ovako izgleda u notepadu njezin cod:
[b]

MOJA PRVA STRANICA

“Mate Matić”

“Ivo Ivič”

“Marko Markovič”

[/b]

I sad želim da kad dođem mišem na ime “Mate Matič” (Ivo Iviič, Marko Markovič) da se pojavi određena slika koja mi se nalazi u folderu web page a putanja do nje je D:\pape\web page
Znam da je to nešto ovako <img src=“slika.jpg” ali molio bi ako neko može da mi upiše točno šta upisati i gdje umetnuti

evo dva načina na koja to možeš izvesti…možda netko zna nešto jednostavnije,a ako ne, možeš se poslužiti ovime:

Prikaz slike pomoću CSS-a :
http://www.dynamicdrive.com/style/csslibrary/item/css-popup-image-viewer/

Prikaz slike pozivom JavaScript :
http://www.wallpaperama.com/forums/how-to-show-picture-on-mouseover-with-javascript-tutorial-t6984.html

Ok ali ako ti nije teško da mi ti upišeš točnu naredbu (ili kako se več to zove) za gore navedeni primjer, lakše ču shvatiti.
Koliko shvačam treba samo upisati nešto kao img src=“slika.jpg” …ITD:
Za početnika mi je previše komplicirano, oni linkovi šta si mi ih dao

[quote=“manoval”]Ok ali ako ti nije teško da mi ti upišeš točnu naredbu (ili kako se več to zove) za gore navedeni primjer, lakše ču shvatiti.
Koliko shvačam treba samo upisati nešto kao img src=“slika.jpg” …ITD:
Za početnika mi je previše komplicirano, oni linkovi šta si mi ih dao[/quote]

evo onda ovaj kod ubaci u body tag:

[HTML]
Tekst koji želiš
[/HTML]

Nadam se da znaš da ti slika mora biti u istom folderu gdje je i HTML kod da bi ti ju pozvao na ovaj način :" imeslike.png" inače moraš pisati putanju.

Evo ti još kod ako želiš da ti se slika makne nakon što miš više nije na tekstu

[HTML]

<span onmouseout="sakri('mojaslika')" onmouseover="prikazi('mojaslika')" >Tekst koji želiš da ti bude ispisan</span>
<img src="imeslike.png" id="mojaslika" border="0" style="display:none;"
[/HTML]

Dobro si krenuo predlažem ti da to napraviš sa Css-om, pusti java-script za sada i izbjegavaj gotove primjere za sada. napravi sam i tako ćeš naučiti nešto, sudeći po tvojim prijašnjim postovima to i želiš.

Prvo naući što je css i kako ga koristiti kao vanjsku datoteku na tvoj html dokument, potraži neki drugi editor, Predlažem phpdesigner ili besplatni notepad++

Vjerujem da ima i na ovom forumu dobrih tutoriala, u svakom slučaju evo jedan što sam sastavio.

http://www.logooff.net/tutoriali-170/css-stilovi/

te će to izgledati nekako ovako:

<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
**********="content-type">
<title></title>
<link rel="stylesheet" type="text/css"  href="http://www.tvoj-url.com/css/index.css" />
<style>
.marko_markovic img
{
    position:absolute;
    left: -9999px;
}
.marko_markovic:hover img
{
    left: 50%;
}
</style>
</head>
<body>
MOJA PRVA STRANICA



<div class="mate_maric">"Mate Matić"</div>

<div class="ivo_ivic">"Ivo Ivič"</div>

<div class="marko_markovic">"Marko Markovič"<img src="http://www.dynamicdrive.com/cssexamples/media/tree_thumb.jpg" alt="marko_markovic"></div></ br>
</body>
</html>

u index.css datoteci će biti nešto poput:

.marko_markovic img
{
    position:absolute;
    left: -9999px;
}
.marko_markovic:hover img
{
    left: 50%;
}

P.S. zatcvaraj br tagove ovako

Umetnuo sam to na pravo mjesto i ne pojavljuje se slika nakon prelaska miša poviše naslova.
Tek kad umjesto mojaslika.png upišem mojaslika.jpg onda se pojavljuje slika
Hvala na pomoči ako bude još pitanja nadam se da ti se mogu obratiti za pomoč


Copyright © 2020 WM Forum - AboutContact - Sponsored by: Mydataknox & Webmaster.Ninja