Skocz do zawartości

Witamy w Nieoficjalnym polskim support'cie AMX Mod X

Witamy w Nieoficjalnym polskim support'cie AMX Mod X, jak w większości społeczności internetowych musisz się zarejestrować aby móc odpowiadać lub zakładać nowe tematy, ale nie bój się to jest prosty proces w którym wymagamy minimalnych informacji.
  • Rozpoczynaj nowe tematy i odpowiedaj na inne
  • Zapisz się do tematów i for, aby otrzymywać automatyczne uaktualnienia
  • Dodawaj wydarzenia do kalendarza społecznościowego
  • Stwórz swój własny profil i zdobywaj nowych znajomych
  • Zdobywaj nowe doświadczenia

Dołączona grafika Dołączona grafika

Guest Message by DevFuse
 

Zdjęcie
HTML

Proszę o pomoc w zoom'ie w szabloniezoom nie działa ani powiększanie zdjęć w szablonie ebay

html

  • Nie możesz napisać tematu
  • Zaloguj się, aby dodać odpowiedź
Brak odpowiedzi do tego tematu

#1 niebieskii

    Nowy

  • Użytkownik

Reputacja: 0
Nowy

  • Postów:8
  • Imię:dawid
  • Lokalizacja:polska
Offline

Napisano 26.09.2015 18:39

Witam jako że jestem nowy na tym forum więc nie wiem czy pisze wątek w dobrej kategorii, jeśli w złej proszę o nie usuwanie tylko przeniesienie.
Mój problem polega na tym że nie potrafię sobie poradzić z zoomem i powiększeniem zdjęcia w szablonie do Eb#y'a. Oto kod HTML a w załączniku plik style.css w paczce rar. Zależy mi na tym aby zmienić coś ( pojęcia nie mam co bo jestem że tak powiem Świeżak ) w tym pliku aby działał zoom i zwykłe powiększanie zdjęć ponieważ jeśli to wina kodu HTML to musiał bym edytować ponad 90 aukcji. Z góry dziękuję za pomoc smile.gif 

 

<link rel="stylesheet" type="text/css" href="http://kazetshop.co.uk/css/style.css" media="all">
<div id="box2">
<div id="top">
<div class="top_bg">
<div class="logo_top">
<div class="logo">
<div class="logo_in">
<a href=""><img src="http://kazetshop.co.uk/images/kazet_logo.png" alt=""></a>
</div>
</div>
<div class="cont">
<div class="logo_in">
<a href=""><img src="http://kazetshop.co.uk/images/phone.png" alt=""></a>
</div>
</div>
</div>
</div>
<div class="black_lines">
<div class="logo_menu">
<div id="menu_categories2"><h2>Menu kategorii </h2><ul class="level_1">
<li class="level_1" id="level_1_position_1"><a href="http://stores.ebay.co.uk/kazetshop/Car-Accessories-/_i.html?_fsub=10737818012?_nkw=&amp;_armrs=1&amp;_ipg=&amp;_from=&amp;_ssn=kazet-shop&amp;_sac=1" class="level_1 level_1_no_link">&nbsp;Car Accessories </a></li>
<li class="level_1" id="level_1_position_1"><a href="http://stores.ebay.co.uk/kazetshop/Door-and-Window-Seals-/_i.html?_fsub=10775197012?_nkw=&amp;_armrs=1&amp;_ipg=&amp;_from=&amp;_ssn=kazet-shop&amp;_sac=1" class="level_1 level_1_no_link">Door and Window Seals</a></li>
<li class="level_1" id="level_1_position_3"><a href="http://stores.ebay.co.uk/kazetshop/Lighting-/_i.html?_fsub=10775198012?_nkw=&amp;_armrs=1&amp;_ipg=&amp;_from=&amp;_ssn=kazet-shop&amp;_sac=1" class="level_1 level_1_no_link">Lighting</a></li>
<li class="level_1" id="level_1_position_1"><a href="http://stores.ebay.co.uk/kazetshop/Ropes-Accessories-/_i.html?_fsub=10775199012?_nkw=&amp;_armrs=1&amp;_ipg=&amp;_from=&amp;_ssn=kazet-shop&amp;_sac=1" class="level_1 level_1_no_link">Ropes Accessories</a></li>
<li class="level_1" id="level_1_position_1"><a href="http://stores.ebay.co.uk/kazetshop/decor-/_i.html?_fsub=10775205012?_nkw=&amp;_armrs=1&amp;_ipg=&amp;_from=&amp;_ssn=kazet-shop&amp;_sac=1" class="level_1 level_1_no_link">Decor</a></li>
<li class="level_1" id="level_1_position_1"><a href="http://www.ebay.co.uk/sch/Business-Office-Industrial-/12576/m.html?_nkw=&amp;_armrs=1&amp;_ipg=&amp;_from=&amp;_ssn=kazet-shop&amp;_sac=1" class="level_1 level_1_no_link">Tapes</a></li>
</ul></div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
function put_content_to(a,{if(b==undefined){b="CentralArea"}var c=document.getElementById(;var a=document.getElementById(a);a.appendChild(c);c.style.display="block"}function activate_windows(){var a=document.getElementsByName("action-btn");for(var b=0;b<a.length;b++){if(a[b].tagName=="A"){a[b].onclick=function(){var a=false;var b=false;var c=this;var d=c.className;var e={"x-center":"center","x-left":"left","x-middle":"middle","x-right":"right"};var f={"y-center":"center","y-top":"top","y-middle":"middle","y-bottom":"bottom"};var g=e[0];var h=f[0];if(d){var i=d.split(/\s+/);for(var j=0;j>-1||g.childNodes[i].className.indexOf("arrow")>-1)){r.push(g.childNodes[i])}}for(var i=0;i<r.length;i++){g.removeChild(r[i])}if(c=="left"){k=p-g.offsetWidth+b.offsetWidth;m=g.offsetWidth-(b.offsetWidth+f)/2}else if(c=="right"){k=p;m=(b.offsetWidth-f)/2}else if(c=="middle"){k=p-g.offsetWidth/2+b.offsetWidth/2;m=(g.offsetWidth-f)/2}else{o.style.display="none"}if(d=="top"){l=q-g.offsetHeight-e;n=g.offsetHeight-2}else if(d=="bottom"){l=q+b.offsetHeight+e;n=-e;o.setAttribute("class","arrow-top")}else if(d=="middle"){l=q-g.offsetHeight/2;o.setAttribute("class","arrow-middle")}else{o.style.display="none"}o.style.left=m+"px";o.style.top=n+"px";g.appendChild(o);g.style.left=k+"px";g.style.top=l+"px";var s=document.createElement("div");s.setAttribute("class","btn-close");g.appendChild(s);g.style.display="block";s.onclick=function(){g.style.display="none"}}
function search_input_actions(){var a=document.getElementById("search_value");a.onclick=function(){if(this.value==="Suchbegriff eingeben"){this.value=""}};a.onblur=function(){if(this.value===""){this.value="Suchbegriff eingeben"}}}function OuterHTML(a){var b=document.createElement("div");b.appendChild(a.cloneNode(true));return b.innerHTML}function left_menu_actions(){var a=document.getElementById("left-menu").getElementsByTagName("a");if(a){for(var b in a){a[b].mouseover=function(){var a=document.getElementById("left-menu").getElementsByTagName("ul");var b=a[0].getElementsByTagName("ul");this.parentNode.parentNode.className="actual";for(var c=0;c<b.length;c++){if(!(b[c].className=="actual"&&(this.parentNode.parentNode==b[c]||this.parentNode.parentNode.parentNode.parentNode==b[c]))){b[c].className="";b[c].style.display="none"}}var d=false;for(var e in this.parentNode.childNodes){if(this.parentNode.childNodes[e].tagName=="UL"){d=true;if(!this.parentNode.childNodes[e].style.display||this.parentNode.childNodes[e].style.display=="none"){this.parentNode.childNodes[e].style.display="block"}else{this.parentNode.childNodes[e].style.display="none"}}}if(d){return false}}}}}
</script>
<div id="content">
<div class="product_all">
<div class="product_left">
<img src="http://www.kazetshop.co.uk/images/kz-left.jpg" alt="">
</div>
<div class="product_right">
<h2>10 pcs REELS NEW TESA TAPE ADHESIVE CLOTH FABRIC WIRING LOOM HARNESS 15M x 19mm</h2>
<div class="gallery">
<div id="images">
<!-- big images, important: only first visible -->
<div id="big-images">
<img src="http://kazetshop.co.uk/products/tesa-tape-kazet-shop-2.jpg" width="318" height="318">
<img src="http://kazetshop.co.uk/products/tesa-tape-kazet-shop.jpg" width="318" height="318" alt="" style="display: none;">
<img src="products/tesa-tape-kazet-shop-2.jpg" width="318" height="318" alt="" style="display: none;">
</div>
<!-- small images -->
<div id="small-images">
<img src="http://kazetshop.co.uk/products/tesa-tape-kazet-shop-2.jpg" alt="">
<img src="http://kazetshop.co.uk/products/tesa-tape-kazet-shop.jpg" alt="">
<img src="http://kazetshop.co.uk/products/tesa-tape-kazet-shop-2.jpg" alt="">
</div>
<!-- zoom images -->
<div id="zoom-images">
<img src="http://kazetshop.co.uk/products/tesa-tape-kazet-shop-2.jpg" alt="">
<img src="http://kazetshop.co.uk/products/tesa-tape-kazet-shop.jpg" alt="">
<img src="http://kazetshop.co.uk/products/tesa-tape-kazet-shop-2.jpg" alt="">
</div>
<div id="btn-zoom"></div>
<div id="under-product-img-logo"></div>
</div>
</div>
<div class="price-box">
<div class="product_price">£20.00</div>
<div class="product_delivery">Delivery 2-5 days</div>
</div>
<div class="product">
<div class="product_desc">
<h2>We guarantee the highest quality of our products</h2>
<p>Tesa® 51608 is the universal tape for wire harness bundling in the passenger compartment. It combines important features as noise dampening, abrasion resistance, and bundling strength while keeping harnesses flexible supporting an easy harness assembly process at the OEM. tesa® 51608 a PET fleece wire harness tape with a rubber based adhesive that is optimized for manual application.</p>
<h2>Major Features:</h2>
<ul>
<li>Noise dampening</li>
<li>Abrasion resistant</li>
<li>Flexible and smooth</li>
<li>Tear resistant</li>
<li>Stable unwind force</li>
<li>Age-resistant</li>
<li>Strong adhesion</li>
<li>Hand-tearable</li>
<li>Color: Black</li>
</ul>
<div class="kartab">
<table>
<tbody><tr>
<td>
Available tape sizes
</td>
<td>
</td>
</tr>
<tr>
<td>
Length
</td>
<td>
Width
</td>
</tr>
<tr>
<td>
15m
</td>
<td>
19mm
</td>
</tr>
</tbody></table>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="fin-in">
<div class="fin">
<div class="f_left">
<ul>
<li class="none"><b>About us</b></li>
<li><a href="http://contact.ebay.co.uk/ws/eBayISAPI.dll?ShowCoreAskSellerQuestion&amp;redirect=0&amp;requested=kazet-shop&amp;iid=251808817142">Contact us</a></li>
<li><a href="http://feedback.ebay.co.uk/ws/eBayISAPI.dll?ViewFeedback2&amp;userid=kazet-shop&amp;ftab=AllFeedback">Feedback</a></li>
<li><a href="http://stores.ebay.co.uk/kazetshop/">Shop</a></li>
</ul>
<ul>
<li class="none"><b>Our Shop</b></li>
<li><a href="http://search.ebay.co.uk/?sass=kazet-shop&amp;ht=-1">Our Products</a></li>
</ul>
</div>
<div class="f_right">
</div>
</div>
</div>
<script type="text/javascript">
function activate_images_actions(){
// small image hover actions
var small_img = document.getElementById("small-images");
if (small_img){
var small_img_list = small_img.getElementsByTagName("img");
for (var img = 0; img < small_img_list.length; img++){
small_img_list[img].onmouseover = function(){
var tmp_small_img_list = document.getElementById("small-images").getElementsByTagName("img");
for (var tmp_img = 0; tmp_img < tmp_small_img_list.length; tmp_img++){
if (this.getAttribute("src") == tmp_small_img_list[tmp_img].src){
var big_img_list = document.getElementById("big-images").getElementsByTagName("img");
for (var n = big_img_list.length - 1; n >= 0; n--){
if (n == tmp_img){
big_img_list[n].style.display = "block";
break;
}
big_img_list[n].style.display = "none";
}
}
}
}
}
}
// big-images actions
var big_img = document.getElementById("big-images");
if (big_img){
var big_img_list = big_img.getElementsByTagName("img");
for (var img = 0; img < big_img_list.length; img++){
big_img_list[img].onclick = function(){
src = this.getAttribute("src");
zoom(src.substr(src.lastIndexOf("/") + 1));
}
if (img > 0){
big_img_list[img].style.display = "none";
}
}
var zoom_lupe = document.getElementById("btn-zoom");
if (zoom_lupe){
zoom_lupe.onclick = function(){
for (var img = 0; img < big_img_list.length; img++){
if (big_img_list[img].style.display == "none"){
break;
}
src = big_img_list[img].getAttribute("src");
}
zoom(src.substr(src.lastIndexOf("/") + 1));
}
}
var img_zoom = document.getElementById("zoom-images");
if (img_zoom){
img_zoom.innerHTML += '<div id="btn-zoom-out"></div>';
document.getElementById("btn-zoom-out").onclick = function(){
img_zoom.style.display = "none";
}
}
}
}
function zoom(src){
var img_list = document.getElementById("big-images");
if (img_list){
var k = 0;
for (var n = 0; n < img_list.childNodes.length; n++){
if (img_list.childNodes[n].tagName == "IMG"){
k++;
var img_src = img_list.childNodes[n].getAttribute("src");
if (img_src.substr(img_src.lastIndexOf("/") + 1) == src){
var img_zoom = document.getElementById("zoom-images");
var j = 0;
for (var i = 0; i < img_zoom.childNodes.length; i++){
if (img_zoom.childNodes[i].tagName == "IMG"){
j++;
if (j == k){
img_zoom.style.display = "block";
img_zoom.childNodes[i].style.display = "block";
var wymiar = img_zoom.offsetWidth;
img_zoom.style.marginLeft = "-" + (wymiar) / 2 + "px";
img_zoom.style.left = "50%";
img_zoom.childNodes[i].onclick = function(){
this.style.display = "none";
img_zoom.style.display = "none";
}
} else {
img_zoom.childNodes[i].style.display = "none";
}
}
}
}
}
}
}
}
function trim(str){
str = str.match(/\S+(?:\s+\S+)*/);
return str ? str[0] : '';
}
function tabs(id){
var pd = document.getElementById(id);
if (pd){
for (var el = 0; el < pd.childNodes.length; el++){
var node = pd.childNodes[el];
if (node.id == "tabs-titles"){
var anchor = node.getElementsByTagName('a');
for (var a = 0; a< anchor.length; a++){
anchor[a].onclick = function(){
var tab_to_load = this.getAttribute("href");
var tabs_content = document.getElementById('tabs-content').getElementsByTagName('div');
for (var tc = 0; tc < tabs_content.length; tc++){
if (tabs_content[tc].style){
tabs_content[tc].style.display = "none";
}
}
tab_to_load = tab_to_load.substr(tab_to_load.indexOf("#") + 1);
document.getElementById(tab_to_load).style.display = "block";
var wszystkie = document.getElementById(tab_to_load).getElementsByTagName('div');
for (var tc = 0; tc < wszystkie.length; tc++){
if (wszystkie[tc].style){
wszystkie[tc].style.display = "block";
}
}
var list_item = this.parentNode.parentNode.childNodes;
for (var li = 0; li < list_item.length; li++){
if (list_item[li].className){
// todo eBay problems with javascript replace function
if (trim(list_item[li].className) == "first active"){
list_item[li].className = "first";
} else if (trim(list_item[li].className) == "last active"){
list_item[li].className = "last";
} else if (trim(list_item[li].className) == "last first active"){
list_item[li].className = "last first";
} else if (trim(list_item[li].className) == "first last active"){
list_item[li].className = "first last";
} else if (list_item[li].className == "active"){
list_item[li].className = "";
}
}
}
if (this.parentNode.className.indexOf("first") != -1 || this.parentNode.className.indexOf("last") != -1){
this.parentNode.className = this.parentNode.className + " active";
}
else {
this.parentNode.className = "active";
}
return false;
}
}
} else if (node.id == "tabs-content"){
}
}
}
}
function activate_windows(){
var action_buttons = document.getElementsByName("action-btn");
for (var ab = 0; ab < action_buttons.length; ab++){
if (action_buttons[ab].tagName == "A"){
action_buttons[ab].onclick = function(){
var id = false;
var open = false;
var $action_btn = this;
var classes = $action_btn.className;
var x_positions = {'x-center' : 'center', 'x-left' : 'left', 'x-middle' : 'middle', 'x-right' : 'right'}
var y_positions = {'y-center' : 'center', 'y-top' : 'top', 'y-middle' : 'middle', 'y-bottom' : 'bottom'}
var pos_x = x_positions[0];
var pos_y = y_positions[0];
if (classes){
var classes_array = classes.split(/\s+/);
for (var c = 0; c < classes_array.length; c++){
if (classes_array[c] != "action-btn"){
var x = x_positions[classes_array[c]];
if (x == undefined){
var y = y_positions[classes_array[c]];
if (y == undefined){
id = classes_array[c];
} else {
pos_y = classes_array[c];
}
} else {
pos_x = classes_array[c];
}
}
}
if (id){
open_window(id, this, x_positions[pos_x], y_positions[pos_y]);
}
}
return false;
}
}
}
}
function iefix(){
}
function open_window(id, caller, offset_x, offset_y){
var arrow_height = 6;
var arrow_width = 10;
// ukrywanie po ponownym kliknieciu
var $top_window = document.getElementById(id);
if ($top_window.style.display && $top_window.style.display != "none"){
$top_window.style.display = "none";
return;
}
// ukrywanie innych okien
var $all_windows = document.getElementById("windows").childNodes;
for (var w = 0; w < $all_windows.length; w++){
if ($all_windows[w].style){
$all_windows[w].style.display = "none";
}
}
// wyswietlamy okno
$top_window.style.display = "block";
// ustalanie domyslnej pozycji okienka
var scroll_y = window.scrollTop==undefined?0:window.scrollTop;
var top_window_x = (document.getElementById("content").offsetWidth - $top_window.offsetWidth) / 2;
var top_window_y = (document.getElementById("content").offsetHeight / 2) - $top_window.offsetHeight / 2 + scroll_y;
// ustalanie domyslnej pozycji strzalki
var arrow_x = top_window_x / 2;
var arrow_y = $top_window.offsetHeight;
var $arrow = document.createElement('div');
$arrow.setAttribute("class", "arrow-down");
// pobieranie pozycji wywolywacza
var caller_x = caller.offsetLeft;
var caller_y = caller.offsetTop - 1;
// usuwanie dynamicznie dodanych button?? var el_to_remove = [];
for (var w = 0; w < $top_window.childNodes.length; w++){
if ($top_window.childNodes[w].className && ($top_window.childNodes[w].className.indexOf("btn-close") > -1 || $top_window.childNodes[w].className.indexOf("arrow") > -1)){
el_to_remove.push($top_window.childNodes[w]);
}
}
for (var w = 0; w < el_to_remove.length; w++){
$top_window.removeChild(el_to_remove[w]);
}
// pozycja okna X w zaleznosci od parametr?? if (offset_x == 'left'){
top_window_x = caller_x - $top_window.offsetWidth + caller.offsetWidth;
arrow_x = $top_window.offsetWidth - ((caller.offsetWidth + arrow_width ) / 2);
} else if (offset_x == 'right'){
top_window_x = caller_x;
arrow_x = (caller.offsetWidth - arrow_width) / 2;
} else if (offset_x == 'middle'){
top_window_x = caller_x - $top_window.offsetWidth / 2 + caller.offsetWidth / 2;
arrow_x = ($top_window.offsetWidth - arrow_width) / 2;
} else {
$arrow.style.display = "none";
}
// pozycja okna Y w zaleznosci od parametr?? if (offset_y == 'top'){
top_window_y = caller_y - $top_window.offsetHeight - arrow_height;
arrow_y = $top_window.offsetHeight - 2;
} else if (offset_y == 'bottom'){
top_window_y = caller_y + caller.offsetHeight + arrow_height;
arrow_y = -(arrow_height);
$arrow.setAttribute("class", "arrow-top");
} else if (offset_y == 'middle'){
top_window_y = caller_y - ($top_window.offsetHeight / 2);
$arrow.setAttribute("class", "arrow-middle");
} else {
$arrow.style.display = "none";
}
// aktualizacja pozycji strzalki
$arrow.style.left = arrow_x + "px";
$arrow.style.top = arrow_y + "px";
$top_window.appendChild($arrow);
// aktualizcja pozycji okna
$top_window.style.left = top_window_x + "px";
$top_window.style.top = top_window_y + "px";
// dodanie przycisku zamykajacego
var $btn_close = document.createElement('div');
$btn_close.setAttribute("class", "btn-close");
$top_window.appendChild($btn_close);
$top_window.style.display = "block";
$btn_close.onclick = function(){
$top_window.style.display = "none";
};
}
function init() {
iefix();
activate_images_actions();
activate_windows();
}
window.onload = init;
</script>

Załączone pliki


  • +
  • -
  • 0





Również z jednym lub większą ilością słów kluczowych: html

Użytkownicy przeglądający ten temat: 0

0 użytkowników, 0 gości, 0 anonimowych