ширина Сценография и высоты изображения, загруженного с JQuery

-1

я загрузить изображение на моем веб-страницы, используя jQuery так:ширина Сценография и высоты изображения, загруженного с JQuery

$(function() { 
    $('#mySelect').change(function() { 
     var selectedCity = $('#mySelect').val(); 
     var myLatLng = new google.maps.LatLng(eval(selectedCity).lan, eval(selectedCity).lng); 
     venueMap.setCenter(myLatLng); 
     image = 'img.png'; 
     marker = new google.maps.Marker({ 
      position: myLatLng, 
      map: venueMap, 
      icon: image 
     }); 
     marker.setMap(venueMap); 
    }); 
});

как я могу установить ширину и высоту изображения?

Я пробовал image.width = 100; и image.height = 50; (как заявления js) без успеха.

Как спросил мой соответствующий HTML-код:

.... 
<body> 
     <center> 
      <h2>Testing jQuery with Google Maps</h2> 
      <br> 
      <br> 
      <select id="mySelect"> 
       <option value="Rome">Rome</option> 
       <option value="London">London</option> 
      </select> 
      <br> 
      <br> 

      <div id="map"></div> 
     </center> 
    </body> 
.....

источник

2016-08-18 Luigi Cerone

, пожалуйста, разместите соответствующий html-код - вы должны установить размер элемента html – messerbill

Вы можете добавить другие свойства изображения, как показаны на Google Maps Documentation

var image = { 
     url: 'image.png', 
     // This marker is 20 pixels wide by 32 pixels high. 
     size: new google.maps.Size(20, 32), 
     // The origin for this image is (0, 0). 
     origin: new google.maps.Point(0, 0), 
     // The anchor for this image is the base at (0, 32). 
     anchor: new google.maps.Point(0, 32) 
    };

Надеется, что это помогает.

источник

2016-08-18 12:54:30

Спасибо большое! :) –

Вы можете выбрать любой элемент с помощью запроса на выборку, как $('#image-id'). Функция .css() используется для установки стиля css в определенном элементе. Передайте значение внутри функции css().

$('#map').css({'height':'50px;','width':'50px;'});. map - это идентификатор этого элемента image.

$(function() { 
    $('#mySelect').change(function() { 
     var selectedCity = $('#mySelect').val(); 
     var myLatLng = new google.maps.LatLng(eval(selectedCity).lan, eval(selectedCity).lng); 
     venueMap.setCenter(myLatLng); 
     image = 'img.png'; 
     marker = new google.maps.Marker({ 
      position: myLatLng, 
      map: venueMap, 
      icon: image 
     }); 
     marker.setMap(venueMap); 
    }); 


$('#map').css({'height':'50px;','width':'50px;'}); 
});

источник

2016-08-18 12:52:58

Изображение, которое я хотел бы изменить, не имеет идентификатора. –

Обновлено, попробуйте это сейчас. –

Карта находится внутри элемента '

', правильно? –

Для JQuery, вы можете использовать функции гребного винта:

$(element).prop('width', 100); 
$(element).prop('height', 50);

где $ (элемент) является селектор для тега изображения. Первый аргумент prop() - это имя атрибута property/attribute, а второй аргумент - новое значение свойства.

Для чистого JavaScript, вам необходимо выбрать элемент, а затем изменить свойство, как:

document.getElementById('img').width = 100; 
document.getElementById('img').height= 50;

Где IMG 'является Id изображения. Вы также можете использовать альтернативные селектора, такие как getElementsByClassName или getElementsByName.

источник

2016-08-18 12:54:29 DVJex

ширина Сценография и высоты изображения, загруженного с JQuery

ответ

Смежные вопросы