|
Przystosowanie Image Tooltip v2.0 pod PF v7
|
| aldzik |
Dodany dnia 12.07.2010 22:51:01
|
Przedszkolak
Postów: 76
Pomógł: 1
Ostrzeżeń: 2
Data rejestracji: 11.01.2008 14:04
|
Witam:) chc? przystosowa? to dla php v7: http://dynamicdri...ooltip.htm
To:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="ddimgtooltip.css" />
<script type="text/javascript" src="ddimgtooltip.js">
/***********************************************
* Image w/ description tooltip v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynami... for this script and 100s more
***********************************************/
Mam ju? tak w header.php
</script>Kliknij i zaczekaj na załadowanie kodu ...
echo "<script type='text/javascript' src='".INCLUDES."jquery.js'></script>\n";
echo "<link rel='stylesheet' type='text/css' href='".INFUSIONS."ddimgtooltip/ddimgtooltip.css' />n";
echo "<script type='text/javascript' src='".INFUSIONS."ddimgtooltip/ddimgtooltip.js'></script>";
/***********************************************
* Image w/ description tooltip v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynami... for this script and 100s more
***********************************************/Kliknij i zaczekaj na załadowanie kodu ...
Pliki tak jak w odwo?aniach wstawione do Infusions.
To wstawiam w Dodatkow? stron?.
<p><a href="http://www.dynamicdrive.com" rel="imgtip[0]">Link 1</a></p>
<p><a href="http://javascriptkit.com" rel="imgtip[1]" style="float:right">Link 2</a></p>
<p><a href="http://cssdrive.com" rel="imgtip[2]">Link 3</a></p>
<p><a href="http://codingforums.com" rel="imgtip[3]">Link 4</a></p>
Kliknij i zaczekaj na załadowanie kodu ...
W ddimgtooltip.js zmieniamy obrazki
Moje pytanie co jeszcze trzeba zrobi? by zacz??o mi to dzia??? - nie mam ?adnych b??dów na stronie jednak poprostu obrazki po najechaniu si? nie pokazuj?. Sp?dzia?em nad tym sam czasu i teraz prosz? o jakie? nakierowanie.
Dzi?kuj? z góry i pozdrawiam.
Pliki powinny by? w za??czniku
aldzik dodał/a następującą plik:
Edytowane przez aldzik dnia 13.07.2010 11:58:47
|
| |
|
|
| W?cibski Go?? |
Dodany dnia 23.10.2025 23:17:16
|
Pan Kontekstualny
Postów: n^x
Data rejestracji: Zawsze
|
|
| IP: localhost |
|
|
| eldiablo |
Dodany dnia 12.07.2010 23:02:16
|
Bywalec
Postów: 671
Pomógł: 80
Data rejestracji: 13.07.2009 19:20
|
Wstawi?e? css i js tak ja nale?y ?
Doda?e? tre?? "okienek" w pliku ddimgtooltip.js ?
Doda?e? poprawnie odno?niki z rel="imgtip[..]" ?
Jak tak to sprawd? jeszcze raz wszystko, szczególnie ddimgtooltip.js, czy ma klamry i cudzys?ów tam gdzie nale?y, itp, itd. |
| |
|
|
| aldzik |
Dodany dnia 13.07.2010 08:01:34
|
Przedszkolak
Postów: 76
Pomógł: 1
Ostrzeżeń: 2
Data rejestracji: 11.01.2008 14:04
|
Z css sprawa wygl?da tak - umieszczony oczywi?cie w infusions
.ddimgtooltip{
box-shadow: 3px 3px 5px #818181; /*shadow for CSS3 capable browsers.*/
-webkit-box-shadow: 3px 3px 5px #818181;
-moz-box-shadow: 3px 3px 5px #818181;
display:none;
position:absolute;
border:1px solid black;
background:white;
color: black;
z-index:2000;
padding: 4px;
}
Kliknij i zaczekaj na załadowanie kodu ...
a w js
/* Image w/ description tooltip v2.0
* Created: April 23rd, 2010. This notice must stay intact for usage
* Author: Dynamic Drive at http://www.dynami...
* Visit http://www.dynami... for full source code
*/
var ddimgtooltip={
tiparray:function(){
var tooltips=[]
//define each tooltip below: tooltip[inc]=['path_to_image', 'optional desc', optional_CSS_object]
//For desc parameter, backslash any special characters inside your text such as apotrophes ('). Example: "I\'m the king of the world"
//For CSS object, follow the syntax: {property1:"cssvalue1", property2:"cssvalue2", etc}
tooltips[0]=["http://www.p-gry.pl/infusions/pro_download_panel/images/Okladki/alpha_protocol.jpg", "Here is a red balloon<br /> on a white background", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}]
tooltips[1]=["duck2.gif", "Here is a duck on a light blue background.", {background:"#DDECFF", width:"200px"}]
tooltips[2]=["http://www.p-gry.pl/infusions/pro_download_panel/images/Okladki/alpha_protocol.jpg"]
tooltips[3]=["http://www.p-gry.pl/infusions/pro_download_panel/images/Okladki/alpha_protocol.jpg", "Bridge to somewhere.", {background:"white", font:"bold 12px Arial"}]
return tooltips //do not remove/change this line
}(),
tooltipoffsets: [20, -30], //additional x and y offset from mouse cursor for tooltips
//***** NO NEED TO EDIT BEYOND HERE
tipprefix: 'imgtip', //tooltip ID prefixes
createtip:function($, tipid, tipinfo){
if ($('#'+tipid).length==0){ //if this tooltip doesn't exist yet
return $('<div id="' + tipid + '" class="ddimgtooltip" />').html(
'<div style="text-align:center"><img src="' + tipinfo[0] + '" /></div>'
+ ((tipinfo[1])? '<div style="text-align:left; margin-top:5px">'+tipinfo[1]+'</div>' : '')
)
.css(tipinfo[2] || {})
.appendTo(document.body)
}
return null
},
positiontooltip:function($, $tooltip, e){
var x=e.pageX+this.tooltipoffsets[0], y=e.pageY+this.tooltipoffsets[1]
var tipw=$tooltip.outerWidth(), tiph=$tooltip.outerHeight(),
x=(x+tipw>$(document).scrollLeft()+$(window).width())? x-tipw-(ddimgtooltip.tooltipoffsets[0]*2) : x
y=(y+tiph>$(document).scrollTop()+$(window).height())? $(document).scrollTop()+$(window).height()-tiph-10 : y
$tooltip.css({left:x, top:y})
},
showbox:function($, $tooltip, e){
$tooltip.show()
this.positiontooltip($, $tooltip, e)
},
hidebox:function($, $tooltip){
$tooltip.hide()
},
init:function(targetselector){
jQuery(document).ready(function($){
var tiparray=ddimgtooltip.tiparray
var $targets=$(targetselector)
if ($targets.length==0)
return
var tipids=[]
$targets.each(function(){
var $target=$(this)
$target.attr('rel').match(/\[(\d+)\]/) //match d of attribute rel="imgtip[d]"
var tipsuffix=parseInt(RegExp.$1) //get d as integer
var tipid=this._tipid=ddimgtooltip.tipprefix+tipsuffix //construct this tip's ID value and remember it
var $tooltip=ddimgtooltip.createtip($, tipid, tiparray[tipsuffix])
$target.mouseenter(function(e){
var $tooltip=$("#"+this._tipid)
ddimgtooltip.showbox($, $tooltip, e)
})
$target.mouseleave(function(e){
var $tooltip=$("#"+this._tipid)
ddimgtooltip.hidebox($, $tooltip)
})
$target.mousemove(function(e){
var $tooltip=$("#"+this._tipid)
ddimgtooltip.positiontooltip($, $tooltip, e)
})
if ($tooltip){ //add mouseenter to this tooltip (only if event hasn't already been added)
$tooltip.mouseenter(function(){
ddimgtooltip.hidebox($, $(this))
})
}
})
}) //end dom ready
}
}
//ddimgtooltip.init("targetElementSelector")
ddimgtooltip.init("*[rel^=imgtip]")Kliknij i zaczekaj na załadowanie kodu ...
|
| |
|
|
| eldiablo |
Dodany dnia 13.07.2010 17:47:36
|
Bywalec
Postów: 671
Pomógł: 80
Data rejestracji: 13.07.2009 19:20
|
@aldzik je?eli Ci nie dzia?a, poszukaj innej wersji tego "upi?kszacza".
Np: http://cssglobe.c...ing-jquery
To samo dzia?anie, a mniej kodu. Masz tam link do paczki z trzema przyk?adami, ?ci?gnij, luknij w ?ród?o co gdzie jest dodane i do dzie?a. |
| |
|
|
| aldzik |
Dodany dnia 13.07.2010 22:29:40
|
Przedszkolak
Postów: 76
Pomógł: 1
Ostrzeżeń: 2
Data rejestracji: 11.01.2008 14:04
|
No to tak, zmieni?em to: echo "<script type='text/javascript' src='".INCLUDES."jquery.js'></script>\n";
Kliknij i zaczekaj na załadowanie kodu ...
na to: echo "<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'></script>\n";
Kliknij i zaczekaj na załadowanie kodu ...
Nast?pnie wstawi?em to wszystko tak ?e w admin_header i admin_header_mce
czy jako? tak, dla podgl?du podczas wstawiania skryptu.
Potem to: <p><a href="http://www.dynamicdrive.com" rel="imgtip[0]">Link 1</a></p>
Kliknij i zaczekaj na załadowanie kodu ...
Zmieni?em na tak:<p><a href='http://www.dynamicdrive.com' rel='imgtip[0]'>Link 1</a></p>
Kliknij i zaczekaj na załadowanie kodu ...
Dzia?a super jednak zmieni?em sobie ?e po najechaniu na obrazek pokazuje si? wi?kszy. Tak samo jak poleci? mi eldiablo:)
Dzi?ki.
?miga nie?le, gryz?o si? z menu jednak przestawi?em kod powy?ej menu i ju? si? nie gryzie:)
Pozdrawiam. Je?eli kto? b?dzie chcia? to opisz? jak po kolei to robi?em i do??cze gotowiec.
Edytowane przez aldzik dnia 13.07.2010 22:30:48
|
| |
|
|
| karool5 |
Dodany dnia 20.07.2010 16:40:40
|
Przedszkolak
Postów: 20
Ostrzeżeń: 1
Data rejestracji: 25.10.2009 15:27
ZBANOWANY:
Dożywotnio
|
Witam, zwracam si? z pro?b? o podanie dok?adnych wskazówek poprawnego dzia?ania  z góry dzi?ki  |
| |
|
|
| aldzik |
Dodany dnia 20.07.2010 22:28:14
|
Przedszkolak
Postów: 76
Pomógł: 1
Ostrzeżeń: 2
Data rejestracji: 11.01.2008 14:04
|
Napisz czego nie mo?esz zrobi? to pomog?
|
| |
|
|
| khaman |
Dodany dnia 21.07.2010 07:33:16
|
Postów: 2511
Pomógł: 78
Data rejestracji: 26.06.2007 12:11
|
@aldzik jak mo?esz to daj gotowca, niech te? inni skorzystaj?. Z naszej strony otrzymasz za to dodatkowy punkt
Posty pomocne oznaczaj jako pomóg? Nie pomagam na PW/GG | Brak stopki = brak pomocy
|
| |
|
|
| aldzik |
Dodany dnia 21.07.2010 10:13:24
|
Przedszkolak
Postów: 76
Pomógł: 1
Ostrzeżeń: 2
Data rejestracji: 11.01.2008 14:04
|
Dobra okej, a gdzie wstawi?? w pierwszym po?cie? Czy ju? w kolejnym?
|
| |
|
|
| khaman |
Dodany dnia 21.07.2010 10:26:23
|
Postów: 2511
Pomógł: 78
Data rejestracji: 26.06.2007 12:11
|
Mo?e by? kolejnym.
Posty pomocne oznaczaj jako pomóg? Nie pomagam na PW/GG | Brak stopki = brak pomocy
|
| |
|
|
| poki289 |
Dodany dnia 24.07.2010 12:21:38
|
Pocz?tkuj?cy
Postów: 240
Pomógł: 33
Ostrzeżeń: 1
 v7.02.07
Data rejestracji: 26.12.2009 05:49
|
Instrukcja poprawnej instalacji Image Tooltip dla PHP-Fusion v7.x.
Pobierasz za??cznik z 1 posta, pliki ddimgtooltip.js i ddimgtooltip.css kopiujesz do g?ównego katalogu aktualnie u?ywanej skórki, otwierasz plik themes.php Twojej skórki i szukasz kodu:
require_once INCLUDES."theme_functions_include.php";
Zaraz pod tym wklejasz:
add_to_head("<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'></script>");
add_to_head("<link rel='stylesheet' type='text/css' href='".THEME."ddimgtooltip.css' />");
add_to_head("<script type='text/javascript' src='".THEME."ddimgtooltip.js'></script>");
W dowolnym miejscu gdzie ma by? widoczny efekt wstawiasz:
<p><a href='http://www.dynamicdrive.com' rel='imgtip[0]'>Link 1</a></p> W atrybucie rel wstawiasz relacj? mi?dzy dokumentami w tym przypadku jest to (imgtip[0], imgtip[1], imgtip[2] itd), po szczegó?y zapraszam do pliku ddimgtooltip.js.
Wersja dla leniwych.
Pobierasz paczke z mojego postu, wrzucasz do katalogu infusions, przechodzisz do Zarz?dzanie panelami -> Dodaj nowy panel.
Nazwa panelu: dowolna.
Nazwa pliku panelu: image_tooltip_panel.
Zawarto?? panelu: zostawiasz bez zmian.
Umiejscowienie: na górze.
Dost?pny dla: go??.
Has?o administratora: tego chyba nie musz? t?umaczy?.
Zaznaczasz opcj? "Wy?wietl panel na wszystkich stronach" i zapisujesz.
PS. Jak teraz b?dzie kto? mia? z tym problem, to ?ciepa na wieniec, ide si? wiecza?. Pozdro :)
poki289 dodał/a następującą plik:
Edytowane przez poki289 dnia 24.07.2010 12:24:43
|
| |
|
|
| aldzik |
Dodany dnia 24.07.2010 12:28:56
|
Przedszkolak
Postów: 76
Pomógł: 1
Ostrzeżeń: 2
Data rejestracji: 11.01.2008 14:04
|
Dobra to jedziemy:)
Tutaj macie przyk?ad zastosowania:
http://www.p-gry....age_id=167
http://www.p-gry....page_id=34 - tutaj najlepszy przyk?ad - najed?cie na obrazki.
Ten kod:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="ddimgtooltip.css" />
<script type="text/javascript" src="ddimgtooltip.js">
</script>
Kliknij i zaczekaj na załadowanie kodu ...
Obrabiamy na taki:
echo "<script type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js\"></script>\n";
echo "<link rel='stylesheet' type='text/css' href='".INFUSIONS."ddimgtooltip/ddimgtooltip.css' />\n";
echo "<script type='text/javascript' src='".INFUSIONS."ddimgtooltip/ddimgtooltip.js'></script>\n";
Kliknij i zaczekaj na załadowanie kodu ...
I wstawiamy go w pliku header.php (?cie?ka: /themes/templates/header.php)
Czysty plik header.php z wklejonym powy?szym skryptem wygl?da tak:
<?php
/*-------------------------------------------------------+
| PHP-Fusion Content Management System
| Copyright (C) 2002 - 2008 Nick Jones
| http://www.php-fu...
+--------------------------------------------------------+
| Filename: header.php
| Author: Nick Jones (Digitanium)
+--------------------------------------------------------+
| This program is released as free software under the
| Affero GPL license. You can redistribute it and/or
| modify it under the terms of this license which you
| can read by viewing the included agpl.txt or online
| at www.gnu.org/licen... Removal of this
| copyright header is strictly prohibited without
| written permission from the original author(s).
+--------------------------------------------------------*/
if (!defined("IN_FUSION")) { die("Access Denied"); }
require_once INCLUDES."output_handling_include.php";
require_once INCLUDES."header_includes.php";
require_once THEME."theme.php";
if ($settings['maintenance'] == "1" && !iADMIN) { redirect(BASEDIR."maintenance.php"); }
if (iMEMBER) { $result = dbquery("UPDATE ".DB_USERS." SET user_lastvisit='".time()."', user_ip='".USER_IP."' WHERE user_id='".$userdata['user_id']."'"); }
echo "<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>\n";
echo "<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='".$locale['xml_lang']."' lang='".$locale['xml_lang']."'>\n";
echo "<head>\n<title>".$settings['sitename']."</title>\n";
echo "<meta http-equiv='Content-Type' content='text/html; charset=".$locale['charset']."' />\n";
echo "<meta name='description' content='".$settings['description']."' />\n";
echo "<meta name='keywords' content='".$settings['keywords']."' />\n";
echo "<link rel='stylesheet' href='".THEME."styles.css' type='text/css' media='screen' />\n";
if (file_exists(IMAGES."favicon.ico")) { echo "<link rel='shortcut icon' href='".IMAGES."favicon.ico' type='image/x-icon' />\n"; }
if (function_exists("get_head_tags")) { echo get_head_tags(); }
echo "<script type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js\"></script>\n";
echo "<link rel='stylesheet' type='text/css' href='".INFUSIONS."ddimgtooltip/ddimgtooltip.css' />\n";
echo "<script type='text/javascript' src='".INFUSIONS."ddimgtooltip/ddimgtooltip.js'></script>\n";
echo "<script type='text/javascript' src='".INCLUDES."jscript.js'></script>\n";
echo "<script type='text/javascript' src='".INCLUDES."jquery.js'></script>\n";
echo "</head>\n<body>\n";
require_once THEMES."templates/panels.php";
ob_start();
?>Kliknij i zaczekaj na załadowanie kodu ...
Teraz wrzcuamy pliki z mojej paczki.
Uwaga je?eli kto? edytowa? header.php niech nie wrzuca folderu themes.
Dobra teraz w pliku ddimgtooltip.js znajduj?cego si? w folderze infusions/ddimgtooltip/
znajdujemy to: tooltips[0]=["red_balloon.gif", "Here is a red balloon<br /> on a white background", {background:"#FFFFFF", color:"black", border:"5px ridge darkblue"}]
tooltips[1]=["duck2.gif", "Here is a duck on a light blue background.", {background:"#DDECFF", width:"200px"}]
tooltips[2]=["dynamicindex14/winter.jpg"]
tooltips[3]=["dynamicindex17/bridge.gif", "Bridge to somewhere.", {background:"white", font:"bold 12px Arial"}]
Kliknij i zaczekaj na załadowanie kodu ...
w tym kodzie ustalamy grafik? która ma si? wy?wietla? po najechaniu i inne opcje takie jak obramowanie.
Dla przyk?adu wklejamy takie co? do nowego newsa czy dodatkowej strony:
<p><a href="http://p-gry.pl rel="imgtip[3]">Link 4</a></p>
Kliknij i zaczekaj na załadowanie kodu ...
To wtedy po najechaniu wy?wietli si? obrazek z tooltips[3] i b?dzie odnosi? do linku który tam zawar?em.
Mo?na te? robi? pewien trik taki jak w przyk?adzie http://www.p-gry....page_id=34
?e po najechaniu na obrazek poka?e si? co? z takim efektem:
czyli zrobione tak:
tooltips[4]=["http://p-gry.pl/images/Poradniki/1.jpg", {background:"white", font:"bold 12px Arial"}]
Kliknij i zaczekaj na załadowanie kodu ...
A w dodatkowej stronie wklejone to: <p><a href="http://www.p-gry.pl/images/Poradniki/1.jpg" target='_blank' rel="imgtip[4]"><img src='http://www.p-gry.pl/images/Poradniki/1a.jpg '/></a></p>
Kliknij i zaczekaj na załadowanie kodu ... Oznacza to ?e po najechaniou na ten ma?y obrazek pokazuje si? ten z rel="imgtip[4]"><img src='http://www.p-gry.pl/images/Poradniki/1a.jpg '
Pytania? pisa? tutaj.
aldzik dodał/a następującą plik:
Edytowane przez aldzik dnia 24.07.2010 13:00:30
|
| |
|
|
| karool5 |
Dodany dnia 24.07.2010 14:55:06
|
Przedszkolak
Postów: 20
Ostrzeżeń: 1
Data rejestracji: 25.10.2009 15:27
ZBANOWANY:
Dożywotnio
|
Dzi?ki Polki289 i niby wszystko chodzi do czasu jak chce si? ponownie zalogowa? do panelu admina bad? wylogowa? (wyskakuje b??d) Fatal error: Call to undefined function add_to_head() in /usr/local/www-azs/themes/temy/theme.php on line 27
wiec w czym problem?? |
| |
|
|
| Reyn |
Dodany dnia 24.07.2010 15:00:38
|
Pocz?tkuj?cy
Postów: 299
Pomógł: 32
Data rejestracji: 09.10.2009 20:30
|
Kod:
add_to_head("<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'></script>");
add_to_head("<link rel='stylesheet' type='text/css' href='".THEME."ddimgtooltip.css' />");
add_to_head("<script type='text/javascript' src='".THEME."ddimgtooltip.js'></script>");
Zamie? na taki:
if(function_exists("add_to_head")){
add_to_head("<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'></script>");
add_to_head("<link rel='stylesheet' type='text/css' href='".THEME."ddimgtooltip.css' />");
add_to_head("<script type='text/javascript' src='".THEME."ddimgtooltip.js'></script>");
}
|
| |
|
|
| karool5 |
Dodany dnia 24.07.2010 17:22:59
|
Przedszkolak
Postów: 20
Ostrzeżeń: 1
Data rejestracji: 25.10.2009 15:27
ZBANOWANY:
Dożywotnio
|
Wszystko dzia?a jak nale?ny chod? strona co? wolno si? wczytuje ale zas?u?one 6/6.
Edytowane przez Chemikpil dnia 24.07.2010 22:26:43
|
| |
|
|
| Chemikpil |
Dodany dnia 24.07.2010 22:29:57
|
Bywalec
Postów: 999
Pomógł: 54
Data rejestracji: 04.05.2008 21:46
|
A jaka jest ró?nica mi?dzy tym:
if(function_exists("add_to_head")){
add_to_head("<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'></script>");
add_to_head("<link rel='stylesheet' type='text/css' href='".THEME."ddimgtooltip.css' />");
add_to_head("<script type='text/javascript' src='".THEME."ddimgtooltip.js'></script>");
}
a tym:
if(function_exists("add_to_head")){
add_to_head("<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'></script>\n
<link rel='stylesheet' type='text/css' href='".THEME."ddimgtooltip.css' />\n
<script type='text/javascript' src='".THEME."ddimgtooltip.js'></script>");
}
Poza tym, ?e funkcja add_to_head jest wykonywana raz a nie a? 3 razy?
Pozdro :)
Edytowane przez Pieka dnia 24.07.2010 22:44:12
|
| |
|
|
| Vexavi |
Dodany dnia 24.04.2011 21:38:23
|
Przedszkolak
Postów: 9
Data rejestracji: 26.09.2010 11:33
|
Witam
Sk?d pobior? dan? JS ?
Chcia?bym nast?puj?cy efekt uzyska?:
?ród?o http://www.kinoli...
Patrza?em w kodzie ?ród?owym tej strony i znalaz?em nast?puj?ce JS:
cookie.js
flash.js
flowplayer-3.1.4.min.js
json.js
prototype.js
tooltip.js
Który odpowiada za t? Chmurk? powi?kszenia ?
Próbowa?em takich cudów z ka?dym JS z tamtej strony dawa?em w kod
openside("TEST OBRAZKA NA NAJECHANIE MYSZKA");
?>
<link href="http://www.kinolive.pl/stylesheets/main.css" media="screen" rel="stylesheet" type="text/css" />
<link href="http://www.kinolive.pl/stylesheets/horinaja.css" media="screen" rel="stylesheet" type="text/css" />
<script src="http://www.kinolive.pl/javascripts/prototype.js" type="text/javascript"></script>
<script src="http://www.kinolive.pl/javascripts/cookie.js" type="text/javascript"></script>
<script src="http://www.kinolive.pl/javascripts/tooltip.js" type="text/javascript"></script>
<script src="http://www.kinolive.pl/javascripts/flowplayer-3.1.4.min.js" type="text/javascript"></script>
<script src="http://www.kinolive.pl/javascripts/cookie.js" type="text/javascript"></script>
<script src="http://www.kinolive.pl/javascripts/flash.js" type="text/javascript"></script>
<script src="http://www.kinolive.pl/javascripts/json.js" type="text/javascript"></script>
<script src="http://www.kinolive.pl/javascripts/tooltip.js" type="text/javascript"></script>
<h3>Ostatnio komentowane filmy</h3>
<div id="movies_commented_block"><div class="random-block">
<div class="left">
<a href="http://www.kinolive.pl/filmy_online/faster-2010-lektor-pl" id="lastcommented-cover-12834"><img alt="ok?adka" src="http://www.kinolive.pl/system/covers/12834/thumb/7339121.3.jpg?1303587960" height="133" width="100"></a>
<div class="tooltip" id="lastcommented-cover-12834-tooltip" style="border: 1px solid rgb(255, 255, 255); z-index: 5000; position: absolute; top: 2786px; left: 924px; display: none;">
<img alt="7339121" src="http://www.kinolive.pl/system/covers/12834/medium/7339121.3.jpg?1303587960">
</div>
</div>
<?php
closeside();
Kliknij i zaczekaj na załadowanie kodu ...
Troch? pewnie za mixowa?em.
Przepraszam je?li napisa?em nie w tym dziale.
Pozdrawiam. |
| |
|
Rozwiń Kod źródłowy PHP
