Este posibil ca atunci cand tin clickul pe o poza sa apara un scris ?

Salutare tuturor !

Am văzut asta pe alte siteuri şi nu ştiu dacă funcţionează şi pe forumgratuit. Atunci când ţii CLICK-ul pe o poza sa-ţi apară un TEXT. Am adus şi o poză ca să înţelegeţi la ce mă refer. Daca se poate face aşa ceva vă rog să-mi spuneţi şi cum.

https://2img.net/h/oi42.tinypic.com/20uyjdd.png

Mulţumesc, aştept răspuns !

Cred ca se poate cu ajutorul jQuery;
Uite un mic cod.
JS

Cod:

$(function() {
$('body').after('<div id="fcd" class="box" style="display: none;">Text predefinit</div>');
$('img[src="link iamgine"]').click(function(return) {
return.preventDefault();
$('#fcd').insertAfter($(this)).toggle();
$(this).prepend('#fcd');
});
});

CSS

Cod:

#fcd {
position: absolute;
width: 250px;
height: 100px;
text-align: right;
}

#fcd img {
float: left;
width: 50px;
height: 50px;
margin-right: 10px;
}

Incearca si spunemi daca merge..

Salut ! În primul rând îţi mulţumesc că doreşti să mă ajuţi, dar există o problemă. Unde pun aceste coduri care tu mi le-ai dat ? Şi ce face primul cod ? Dar al 2-lea?

Primul cod este un cod de executie Javascript
Iar al doilea este un cod css se adauga in ACP > Afisare > Culori > Foaia de stil css.
Primu se adauga in gestionarea codurilor javascript

LupuSor. a scris:Primul cod este un cod de executie Javascript
Iar al doilea este un cod css se adauga in ACP > Afisare > Culori > Foaia de stil css.
Primu se adauga in gestionarea codurilor javascript

Salut din nou. Nu cred că ai înţeles la ce m-am referit. Deci în poza pe care am postat-o este o poză pusă într-un post. Iar când ţin clickul pe această poză apare descrierea. Sper că acum ai înţeles.

PS:Ce mi-ai dat mai sus nu functioneaza....sau nu ştiu eu să-l folosesc. Am pus codurile unde mi-ai zis dar nu apare nimic...sper că ai înţeles acum. Doresc să pun o poză sau mai multe într-un topic şi atunci când ţin click-ul pe poză să apară o descriere.

EDIT: Permiteţi-mi să postez acest link: Link sters

Sper să nu se ia în considerare ca o reclamă, doresc doar să vă arăt ceea ce vreau. După cum vedeţi atunci când ţineţi clickul pe o poză arată o descriere. Este posibil de realizat acest lucru pe forumgratuit ? Dacă da, vă rog să-mi explicaţi fiecare detaliu !

Mulţumesc, aştept răspuns şi vă rog să nu luaţi in considerare link-ul care l-am postat mai sus drept reclamă. Este un site în limba engleză cu tutoriale pentru un joc.

aha, abia acum am inteles..
sa incercam acest cod
daca ai phpBB2

Cod:

$(function() {
$('body').after('<div id="fcd" class="box" style="display: none;">Text predefinit</div>');
$('.post .row1 img').hover(
  function () {
    $('#fcd').insertAfter($(this)).show();
    var this = $(this).attr('src');
    var title = $(this).attr('alt');
    $('#fcd').prepend('<img src="'+this+'" /> '+title+'');
  },
  function () {
    $('#fcd.box').remove();
  });
});

iar cand postezi o imagine o postezi asa

Cod:

<img src="link imagine" alt="Text descriere imagine" />

Deci am bagat acel cod care mi l-ai dat in "Gestiunea codurilor JavaScript" iar când am postat într-un topic al2-lea cod, imi apare doar TEXTUL, fara imagine...

PS:Nu ştiu ce versiune am la forum, ma duc să caut.

EDIT: Versiune a temei phpBB2 (subsilver).

Deci da, este phpBB2.

<img src="link imagine" alt="Text descriere imagine" />

Acum apare poza dar când ţin clickul nu apare textul.

HELP !

EDIT: Dacă doreşti îţi pot da acces la panoul de administrare.

EDIT2: Mai nou nu apare nici poza şi nici textul.

EDIT3: Apare iar poza dar atunci cand tin click-ul nu apare textul...

Gata am gasit si solutia:
CSS

Cod:

#fcd {
position: absolute;
width: 250px;
height: 100px;
text-align: right;
}

#fcd img {
float: left;
width: 50px;
height: 50px;
margin-right: 10px;
}

#fcd {
background: #EEE;
float: left;
margin-left: 10px;
margin-top: -50px;
border: 1px solid #CCC;
border-radius: 3px;
padding: 3px 6px
}

JS

Cod:

$(function(){
$(".post .row1 img, .post .postbody .content img").hover(function(){
$(this).after('<div id="fcd" class="box" style="display: none;"></div>');
var a=$(this).attr("src"),b=$(this).attr("alt");
$("#fcd").prepend('<img src="'+a+'" /> '+b+"");
$('#fcd').fadeIn(500); // Timpul pana apare box-ul dorit;
}, function(){
$("#fcd").remove()
})
});

Sper sa fie cea ce vrei tu...

Tot nu apare textul...apare poza dar fara text.


Aşa ar trebui sa fie codul acela nu ?

   

Cod:

<img src="http://i39.tinypic.com/317du8g.png" alt="TEST TEST TEST" />

PS: Dacă doreşti îţi dau acces la Panoul de administrare.

da eu am testat si functioneaza
PS: Vezi sa ai activata functia de HTML in mesaje