-1

I have a series of image,each image has it's own thumbnail(because cropping and scaling not suitable for some of images ),when user upload a image, upload thumbnail too,also I provide a field "class size" ( it is select list with 4 values (180,240,300,360) that indicate thumbnail width). I want create a views that sort thumbnails like below picture (and if rows is more than 11 this sequence will be repeat)

enter image description here

enter image description here

anybody has idea how can I do it?

Improve this question
3
  • 1
    have you thought about using masonry?
    – Scott Joudry
    Oct 6, 2014 at 14:36
  • There is a masonry module and a masonry views module.
    – Scott Joudry
    Oct 6, 2014 at 17:06
  • @ScottJoudry how can I setup this patern in views result? I didn't find anything about che arrangement of views rows by masonry,I don't want user change(drag)them,I want when load , with this arrangement will be load
    – Yuseferi
    Oct 7, 2014 at 12:21

1 Answer 1

Reset to default
2

Drupal Isotope module (or Masonry)that uses the isotope jquery plugin with the Masonry plugin would work perfect in this situation. If the module does not work for you consider just using the plugin with a custom views template

Improve this answer
3
  • I dont want user change(drag) them, I just want when load with this situation load,what is relation between my pattern and these modules?
    – Yuseferi
    Oct 7, 2014 at 12:20
  • Masonry will automatically align your images in the format you have in your above images, isotope just allows to filter masonry laid images. but in your case you wouldn't use isotope but instead simply use masonry views.
    – chadpeppers
    Oct 7, 2014 at 15:13
  • @chadpepers how? I dont see any option is views option,or any readme file in modules !!! how can I do this ?
    – Yuseferi
    Oct 8, 2014 at 9:20

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.