Если вы отображаете HTML на странице, даже если он скрыт, он будет загружаться. Если вы хотите, чтобы изображения загружались только тогда, когда они нужны, вам придется динамически устанавливать источник (src) в теге изображения в javascript.
Изменить 1: сценарий, на который вы ссылались, просто проверяет чтобы увидеть, как далеко вы прокрутили страницу вниз, а затем определяет, какие изображения видны (или почти видимы), проверяя их верхнюю часть - см. расширения $ .belowthefold и $ .rightoffold.
Пример работает отлично, когда изображения имеют одинаковый размер, потому что их контейнеры также могут быть одного размера, и вы не будете получать какое-то нечетное поведение при изменении размера страницы, когда вы лените их загрузить. Если ваши высоты и ширина изображений отличаются, вы можете получить некоторые нечетные результаты. & nbsp;
Редактировать 2:
<script type="text/javascript" charset="utf-8">
$(document).ready( function() { $("img").removeAttr("src"); } );
</script>
<img src="Chrysanthemum.jpg" />
<img src="Desert.jpg" />
<img src="Hydrangeas.jpg" />
<img src="Jellyfish.jpg" />
<img src="Koala.jpg" />
<img src="Lighthouse.jpg" />
<img src="Penguins.jpg" />
<img src="Tulips.jpg" />
Проблема в том, что вы поместили аннотацию @Id
в неправильное поле в Student
:
@Id // This is where you put it
@Column(name="m2_des")
private String classId;
Поскольку classId
(m2_des
) не уникальна, Hibernate будет только верните первую сущность, с которой он сталкивается, с данным ID, в вашем случае:
stu_1
(потому что это первая сущность с cl_1
) stu_3
(потому что это первый с cl_2
) Чтобы решить эту проблему, вы должны поместить поле @Id
в поле stuId
:
public class Student implements Serializable {
@Id // This field is unique
@Column(name="m2_id")
private String stuId;
@Column(name="m2_des")
private String classId;
// ...
}