search

vukhanhtruong / jquery-elastic-grid

jQuery Elastic Grid is a lightweight, easy to use gallery jquery plugin script inspired by Google Image Search with support for .PNG, .JPG and .GIF image files. It uses a thumbnail grid with expanding preview for displaying your images. It is also fully HTML5 and CSS3 compliant.
56 stars 32 forks source link

Content values set through HTML #12

Open channelriyas opened 7 years ago

channelriyas commented 7 years ago

Hi, Is any way Content values set through HTML? rather than setting in script initialization? I have a project with PHP and need to do this as a loop so content values only get inside the html, any suggestions?

Thanks!

vukhanhtruong commented 7 years ago

You can use json_encode function to make your array to json, then you can use my item.

channelriyas commented 7 years ago

Thanks for the answer, any example please?

vsrn commented 7 years ago

Hello,

I am also looking for example how to use HTML Code instead of JS for defining Images.

Thanks,

vukhanhtruong commented 7 years ago

Hey,

Even defining in JS, it still generate to HTML then you can adjust it, right? I don't know exactly your idea, there is only one way so far.

Regards,

[image: 155d1dd.jpg (100×100)] Truong Vu - Sr Web Developer mobile: +(84)988795915 email: vukhanhtruong@gmail.com blog: bonchen.net skype: khanhtruong111 http://bonchen.net/ http://twitter.com/vukhanhtruong/ http://linkedin.com/in/vukhanhtruong/ http://codecanyon.net/user/khanhtruong/portfolio

On Thu, Nov 2, 2017 at 9:48 PM, vsrn notifications@github.com wrote:

Hello,

I am also looking for example how to use HTML Code instead of JS for defineing Images.

Thanks,

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/vukhanhtruong/jquery-elastic-grid/issues/12#issuecomment-341445299, or mute the thread https://github.com/notifications/unsubscribe-auth/AKo6k83KEyup1vR0tZw9UH48YF1JYZ7cks5sydY4gaJpZM4Ngbbq .

vsrn commented 7 years ago

I am mainly looking for SEO purpose. we are defining the All SEO attributes in JS, in HTML code there only DIV Tag information. demo : http://demo.phapsu.com/jquery.elastic_grid/demo_responsive.html source code: view-source:http://demo.phapsu.com/jquery.elastic_grid/demo_responsive.html

if you see the source code of HTML, only div tag showing and no images tags. This is not good for SEO and the page will not rank in google if we use this type of page.

Please provide your inputs, I want to show IMG tags in HTML page and define ALT, Title, Description of Image, so that Google search can find my page and images and rank in google & google images search.

thanks, subbu

vukhanhtruong commented 7 years ago

Hi,

I've already updated IMG tags with these attributes. The demo site is not update.

Regards,