$(document).ready(function(){
$("#1").trigger('click'); //клик по id="1"
});
Если нужно присвоить класс при клике, то:
$(document).ready(function(){
$("#1").trigger('click').addClass('active'); //добавляем класс active
});
Без js можете красиво показать статичное увеличенное изображение. ( как подсказал человек выше) + css анимация.
А вот "эффект лупы" без js , на вскидку, не знаю как сделать.
Неа, такое без JS не сделать. Тут надо мышку отслеживать. Таки, что тут тяжелого? $('.image').on('mousemove', function(e) {})
и в функции из event достаешь pageX и pageY, потом считаешь релативную позицию курсора относительно картинки, и изменяешь background-position у большого изображения. Все :)