Pagina de start a forumului Forum PHP Romania - Discutii despre PHP, MySQL, Javascript, AJAX, etc Forum PHP Romania - Discutii despre PHP, MySQL, Javascript, AJAX, etc
Comunitatea PHP Romania
 

generare link pe thumbnail cu javascript
Vezi mesajul original

 
       Pagina de start a forumului Forum PHP Romania - Discutii despre PHP, MySQL, Javascript, AJAX, etc -> HTML/JavaScript/CSS
Subiectul anterior :: Subiectul următor  
Autor Mesaj
gabyrusu



Data înscrierii: 11/Iun/2006
Mesaje: 33
Locație: Brasov

Trimis: Vin Apr 25, 2008 2:19 pm    Titlul subiectului: generare link pe thumbnail cu javascript  

am o intrebare.

de data asta sa stiti ca am cautat aproape pe tot forumul sa vada dc s-a mai dezbatut aceasta problema dar nu am gasit nimic. se poate totusi sa-mi fi scapat vreo cateva thread-uri.

as avea nevoie de o funtie javascript care sa-mi genereze automat un link pentru fiecare thumbnail (mai exact pentru fiecare tagname "img" in care apare "th_" ) dintr-un div care are un anumit id care sa-mi deschida poza mare cu ajutorul thickbox.

sa va dau un exemplu exact:

am un thumbail:

"<img src="images/pages/th_image1.jpg" alt="descriere imagine" />"

bun.... vreau ca aceasta funtie js sa-mi genereze urmatorul lucru:

"
<a href="images/pages/image1.jpg" title="descriere imagine" class="thickbox">
<img src="images/pages/th_image1.jpg" alt="descriere imagine" />
</a>
"
se poate asa ceva? aceste poze apar in continutul unor pagini si le urc cu ajutorul unei funtii php care imi genereaza automat thumbnail-urile.

pozele se introduc in continut cu ajutorul editorului tinymce si nu as vrea sa stau la fiecare poza pe care o introduc sa pun link din administrare si sa adaug eu clasa thickbox etc...

cine foloseste editorul tinymce stie despre ce vorbesc.

ar fi o metoda eleganta si foarte eficienta.

astept raspunsuri, sugestii, orice fel de ajutor.

va multumesc
Sus  
andrei009



Data înscrierii: 16/Mar/2007
Mesaje: 211

Trimis: Vin Apr 25, 2008 4:54 pm    Titlul subiectului:  

nu am mai lucrat de mult cu jquery, poate e ceva gresit pe aici

trebuie sa modifici in thickbox.js
Cod:
$(document).ready(function(){
   
   $('img').each(){
      if($(this).attr('src').indexOf('th_') != -1){
         $(this).parent().addClass("thickbox");
      }
   }
   
   tb_init('a.thickbox, area.thickbox, input.thickbox');
   imgLoader = new Image();// preload image
   imgLoader.src = tb_pathToImage;
});
Sus  
gabyrusu



Data înscrierii: 11/Iun/2006
Mesaje: 33
Locație: Brasov

Trimis: Dum Apr 27, 2008 12:04 am    Titlul subiectului:  

andrei ms pt raspuns dar nu e ceea ce vreau eu... partea aia de cod imi cauta toate imaginile care contin "th_" si imi adauga clasa thickbox parintelui adica tagului "a". dar problema este ca eu nu am imagine intr-un "a" deja ci trebuie sa mi-l generez pt acea imagine.

eu in cod am: "<img src="images/editorial/th_dsc0661.jpg" alt="image1" />"

si vreau ca functia sa-mi puna link pe imaginea aia, link care sa aiba clasa "thickbox" si care sa-mi sa aiba la "href" celea catrea imaginea mare "images/editorial/dsc0661.jpg" (adica fara "th_")

nu sh daca ma exprim destul de clar :?
Sus  
andrei009



Data înscrierii: 16/Mar/2007
Mesaje: 211

Trimis: Dum Apr 27, 2008 12:15 pm    Titlul subiectului:  

atunci pui class-ul thickbox la imagine si la functia tb_init(); ii dai ca parametru img.thickbox
Sus  
gabyrusu



Data înscrierii: 11/Iun/2006
Mesaje: 33
Locație: Brasov

Trimis: Lun Apr 28, 2008 11:47 am    Titlul subiectului:  

imi da eroare:

"Error: missing ; before statement
Source File:
Line: 14, Column: 16
Source Code:
$('img').each(){"

aici am modificat eu:

"$(document).ready(function(){
$('img').each(){
if($(this).attr('src').indexOf('th_') != -1){
$(this).addClass("thickbox");
}
}

tb_init('a.thickbox, area.thickbox, input.thickbox, img.thickbox');//pass where to apply thickbox
imgLoader = new Image();// preload image
imgLoader.src = tb_pathToImage;
});"


am reusit pana la urma.
@andrei009 ms mult pt ajutor !!!

dc intereseaza pe cineva aici e codul: Cod: $(document).ready(function(){
   
   $('img').each(function()
   {
       if($(this).attr('src').indexOf('th_') !== -1)
      {
         var address = $(this).attr('src');
         alttext = $(this).attr('alt');
         
         address = address.replace("th_","");
         
         $(this).wrapAll("<a></a>");
         $(this).parent().addClass("thickbox");
         $(this).parent().attr("href", address);
         $(this).parent().attr("title", alttext);
         }
   });
   
   
   tb_init('a.thickbox, area.thickbox, input.thickbox');//pass where to apply thickbox
   imgLoader = new Image();// preload image
   imgLoader.src = tb_pathToImage;
});
Sus  
PHPRomania Bot
Bot Member


Data înscrierii: 27/Dec/2007
Mesaje: 1
Locaţie: Server Google
Trimis: Mie Dec 26, 2007 7:01 pm   Titlul subiectului: Ad  

Sus  
 
       Pagina de start a forumului Forum PHP Romania - Discutii despre PHP, MySQL, Javascript, AJAX, etc -> HTML/JavaScript/CSS
Pagina 1 din 1


Powered by phpBB 2.0.22 © 2001, 2002 phpBB Group
Varianta în limba română: Romanian phpBB online community