|
Powiększenie zdjęcia po najechaniu myszką
|
| Huragan Morag |
Dodany dnia 04.01.2015 15:37:12
|
Przedszkolak
Postów: 32
Ostrzeżeń: 2
 v7.02.04
Data rejestracji: 03.01.2013 08:48
|
Witam... Szukałem tu na forum podobnego tematu, ale go nie znalazłem. Chciałbym zrobić coś takiego by po najechania kursorem na zdjęcie (zdjęcie jest tylko jedno w podstronie Kadra) powiększyło się ono np. dwukrotnie.
Bardzo proszę o podpowiedź jak to zrobić i gdzie wstawić ewentualny kod:
PW od moderatora:
- Odświeżenie tematu - Pieka 04.01.2015 15:35
|
| |
|
|
| Wścibski Gość |
Dodany dnia 27.07.2024 16:57:20
|
Pan Kontekstualny
Postów: n^x
Data rejestracji: Zawsze
|
|
| IP: localhost |
|
|
| krystian1988 |
Dodany dnia 06.01.2015 17:08:05
|
Zaawansowany
Postów: 1187
Pomógł: 100
v7.02.07
Data rejestracji: 07.05.2009 17:37
|
Jeżeli chodzi o PHP-Fusion to zrób sobie na zasadzie takiej:
add_to_head("<link rel='stylesheet' href='".INCLUDES."jquery/colorbox/colorbox.css' type='text/css' media='screen' />");
add_to_head("<script type='text/javascript' src='".INCLUDES."jquery/colorbox/jquery.colorbox.js'></script>");
add_to_head("<script type='text/javascript'>\n
/* <![CDATA[ */\n
jQuery(document).ready(function(){
jQuery('a.tozoom').colorbox();
});\n
/* ]]>*/\n
</script>\n");
echo "<div align='center'><a class='tozoom' href='sciezka-obrazka'><img src='sciezka-obrazka' border='0' width='500'/></a></div>";
Gdzie ścieżka obrazka zmień na swoją grafikę. Oczywiście możesz tu width zmienić bo możliwe że masz inne parametry.
Demo działania na :
www.ubabciewy.pl klikając na zdjęcie na stronie głównej.
BRAK STOPKI = BRAK POMOCY NA SUPPORCIE.PRZECZYTAJ:
Regulamin Supportu Nie pomagam na PW!!!
|
| |
|
|
| Huragan Morag |
Dodany dnia 06.01.2015 19:18:52
|
Przedszkolak
Postów: 32
Ostrzeżeń: 2
v7.02.04
Data rejestracji: 03.01.2013 08:48
|
Może być i na takiej zasadzie,tylko podpowiedz mi gdzie to mam wstawić itd |
| |
|
|
| krystian1988 |
Dodany dnia 06.01.2015 19:30:29
|
Zaawansowany
Postów: 1187
Pomógł: 100
v7.02.07
Data rejestracji: 07.05.2009 17:37
|
Jaśniej... no to na tej Twojej podstronie. Gdziekolwiek chcesz tego użyć np. panel, podstrona zwykła bądź podstrona.php
Jeżeli nadal nie wiesz to podaj kod tej podstrony czy tam czego i Ci to umieszczę.
BRAK STOPKI = BRAK POMOCY NA SUPPORCIE.PRZECZYTAJ:
Regulamin Supportu Nie pomagam na PW!!!
|
| |
|
|
| Huragan Morag |
Dodany dnia 07.01.2015 07:42:32
|
Przedszkolak
Postów: 32
Ostrzeżeń: 2
v7.02.04
Data rejestracji: 03.01.2013 08:48
|
Tak jak podałem wcześniej,to ma działać tylko na tym jednym zdjęciu,bowiem do zdjęć mam zainstalowane Highslide.Scan ze zdjęciem wysłałem w pierwszym poście.
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='pl' lang='pl'>
<head>
<title>KS.Huragan Morag - Kadra I zespołu</title>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
<meta name='description' content='' />
<meta name='keywords' content='' />
<link rel='stylesheet' href='themes/benfica/styles.css' type='text/css' media='screen' />
<link rel='shortcut icon' href='images/favicon.ico' type='image/x-icon' />
<script type='text/javascript' src='includes/jquery/jquery.js'></script>
<script type='text/javascript' src='includes/jscript.js'></script>
<script type='text/javascript' src='includes/jquery/klasyfikacje.js'></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
$('#main_sub_navigation li').hide();
$('#main_navigation li a').hover(function(){
$('#main_sub_navigation li').hide();
$('#main_sub_navigation li a[rel="'+$(this).attr('rel')+'"]').parents('li').show();
});
});
</script>
<script type="text/javascript" src="infusions/sf_core/js/jquery-ui-1.8.17.custom.min.js"></script>
<script type="text/javascript" src="infusions/sf_core/js/jquery.cookie.js"></script>
<script type="text/javascript" src="infusions/sf_core/js/formPlugin.js"></script>
<script type="text/javascript" src="infusions/sf_core/js/scripts.js"></script>
<script type="text/javascript" src="infusions/sf_core/swfupload/swfupload.js"></script>
<link rel="stylesheet" href="infusions/sf_core/css/jquery-ui-1.8.17.custom.css" type="text/css" media="screen" />
<link rel="stylesheet" href="infusions/sf_core/css/swfu.css" type="text/css" media="screen" />
<link rel="stylesheet" href="infusions/sf_core/css/style.css" type="text/css" media="screen" />
<link rel="stylesheet" href="infusions/sf_matches_panel/css/sfm_panel.css" type="text/css" media="screen" />
<link rel="stylesheet" href="infusions/sf_calendar_panel/css/sfc_panel.css" type="text/css" media="screen" />
<style type='text/css'>.st_bookmark { text-align: left; decoration: none; border: 0px; opacity:0.6; filter:alpha(opacity=60); }
.st_bookmark:hover { text-align: left; decoration: none; border: 0px; opacity:0.8; filter:alpha(opacity=80); } </style>
<link type="text/css" rel="stylesheet" href="infusions/koderms_social_panel/ksoc_styles.css" media="screen" />
<script type="text/javascript" language="javascript" src="infusions/koderms_social_panel/ksoc_scripts.js"></script>
<link rel='stylesheet' href='infusions/events_management_system_panel/includes/panel-styles.css' type='text/css' media='all' />
<style type='text/css'>
Edytowane przez Huragan Morag dnia 07.01.2015 07:50:14
|
| |
|
|
| Pieka |
Dodany dnia 07.01.2015 10:13:49
|
Postów: 19882
Pomógł: 767
v7.02.03
Data rejestracji: 23.02.2005 18:12
|
Możesz też skorzystać np. z overlib. Opisy są na forum.
Jestem jaki jestem  |
| |
|
|
| Huragan Morag |
Dodany dnia 07.01.2015 16:57:14
|
Przedszkolak
Postów: 32
Ostrzeżeń: 2
v7.02.04
Data rejestracji: 03.01.2013 08:48
|
A skąd mogę pobrać te pliki overlib,bo te linki na forum już nie działają,prezentacja też nie działa. |
| |
|
|
| Pieka |
Dodany dnia 07.01.2015 18:14:28
|
Postów: 19882
Pomógł: 767
v7.02.03
Data rejestracji: 23.02.2005 18:12
|
Zaktualizowałem linki do plików w temacie do którego się odnosisz.
Jestem jaki jestem |
| |
|
|
| Huragan Morag |
Dodany dnia 07.01.2015 19:44:04
|
Przedszkolak
Postów: 32
Ostrzeżeń: 2
v7.02.04
Data rejestracji: 03.01.2013 08:48
|
Podziękował
Połączony z 08 styczeń 2015 08:46:
Podpowiedz mi jeszcze Pieka gdzie znaleźć ten plik subheader.php
Edytowane przez Huragan Morag dnia 08.01.2015 08:46:51
|
| |
|
|
| expert |
Dodany dnia 01.04.2016 21:44:31
|
Przedszkolak
Postów: 16
Data rejestracji: 18.01.2016 17:45
|
krystian1988 napisał(a):
Jeżeli chodzi o PHP-Fusion to zrób sobie na zasadzie takiej:
add_to_head("<link rel='stylesheet' href='".INCLUDES."jquery/colorbox/colorbox.css' type='text/css' media='screen' />");
add_to_head("<script type='text/javascript' src='".INCLUDES."jquery/colorbox/jquery.colorbox.js'></script>");
add_to_head("<script type='text/javascript'>\n
/* <![CDATA[ */\n
jQuery(document).ready(function(){
jQuery('a.tozoom').colorbox();
});\n
/* ]]>*/\n
</script>\n");
echo "<div align='center'><a class='tozoom' href='sciezka-obrazka'><img src='sciezka-obrazka' border='0' width='500'/></a></div>";
Gdzie ścieżka obrazka zmień na swoją grafikę. Oczywiście możesz tu width zmienić bo możliwe że masz inne parametry.
Demo działania na :
www.ubabciewy.pl klikając na zdjęcie na stronie głównej.
Czy istnieje możliwość do tak stworzonego panela wstawić klikalne odnośniki do innych stron? Próbuje dodać linki poniżej wycentrowanego obrazka i linki są aktywne lecz strona się rozjeżdża. |
| |
|
|
| Pieka |
Dodany dnia 02.04.2016 21:47:19
|
Postów: 19882
Pomógł: 767
v7.02.03
Data rejestracji: 23.02.2005 18:12
|
Pokaż jak wstawiłeś to Ci to w razie potrzeby ktoś przy okazji poprawi.
Jestem jaki jestem |
| |
|
|
| expert |
Dodany dnia 03.04.2016 17:43:00
|
Przedszkolak
Postów: 16
Data rejestracji: 18.01.2016 17:45
|
Wygląda to tak:
openside("3GUN I Starcie-Jaworzno 30.04.2016r.");
echo "";add_to_head("<link rel='stylesheet' href='".INCLUDES."jquery/colorbox/colorbox.css' type='text/css' media='screen' />");
add_to_head("<script type='text/javascript' src='".INCLUDES."jquery/colorbox/jquery.colorbox.js'></script>");
add_to_head("<script type='text/javascript'>\n
/* <![CDATA[ */\n
jQuery(document).ready(function(){
jQuery('a.tozoom').colorbox();
});\n
/* ]]>*/\n
</script>\n");
echo "<div align='center'><a class='tozoom' href='\images\zaproszenie.jpg'><img src='\images\zaproszenie.jpg' border='0' width='550'/><div align='center'><p><a href=' https://drive.google.com/open?id=104wWp_keIB-7Ri62BjMvPLtr-s_HQiVpQCni5Fj0QBc'>Rejestracja Zawodników</a></p><p><a href=' http://expert.jaworzno.pl/downloads/regulamin_3gun_-_puchar_poudnia.pdf'>Regulamin Zawodów</a></p><p><a href=' http://expert.jaworzno.pl/downloads/tor_1.pdf'>Tor 1- opis i grafika</a></p></div></a></div>";
closeside();
|
| |
|
|
| krystian1988 |
Dodany dnia 04.04.2016 12:02:45
|
Zaawansowany
Postów: 1187
Pomógł: 100
v7.02.07
Data rejestracji: 07.05.2009 17:37
|
add_to_head("<link rel='stylesheet' href='".INCLUDES."jquery/colorbox/colorbox.css' type='text/css' media='screen' />");
add_to_head("<script type='text/javascript' src='".INCLUDES."jquery/colorbox/jquery.colorbox.js'></script>");
add_to_head("<script type='text/javascript'>\n
/* <![CDATA[ */\n
jQuery(document).ready(function(){
jQuery('a.tozoom').colorbox();
});\n
/* ]]>*/\n
</script>\n");
openside("3GUN I Starcie-Jaworzno 30.04.2016r.");
echo "<div align='center'><a class='tozoom' href='\images\zaproszenie.jpg'><img src='\images\zaproszenie.jpg' border='0' width='550'/><div align='center'><p><a href=' https://drive.google.com/open?id=104wWp_keIB-7Ri62BjMvPLtr-s_HQiVpQCni5Fj0QBc'>Rejestracja Zawodników</a></p><p><a href=' http://expert.jaworzno.pl/downloads/regulamin_3gun_-_puchar_poudnia.pdf'>Regulamin Zawodów</a></p><p><a href=' http://expert.jaworzno.pl/downloads/tor_1.pdf'>Tor 1- opis i grafika</a></p></div></a></div>";
closeside();
BRAK STOPKI = BRAK POMOCY NA SUPPORCIE.PRZECZYTAJ:
Regulamin Supportu Nie pomagam na PW!!!
|
| |
|
|
| expert |
Dodany dnia 05.04.2016 18:45:34
|
Przedszkolak
Postów: 16
Data rejestracji: 18.01.2016 17:45
|
Dzięki Krystian 1988 |
| |
|
