Been trying to integrate pThumb and picturefill with a MIGx fotorama full screen slider.
fotorama handling an image best, and the way I want it to when the image is set up in the html as either a simple img src="" or div data-img="". pictureFill detects the window size and delivers the final image selection as data-src="" and that needs to either be coded between span tags or div tags.
What if I change the fotorama js to work with data-src instead of data-img? Is that crazy? Might that work? How would I do that? I don't know what I am looking for in the file. Already done a search, and there are no references to "data-img". There are many instances of img, but I can't tell which to edit. Anyone out there ever done something like this before?
Is there a JQuery extraordinaire out there who can possibly answer this question.
Is the data-img or data-src something that is written into the js file?
Or, is the js picking up a css style and working from there? In my css file, there are classes such as .fotorama__img. Would my simply adding an addition class .fotorama__src to those rules solve my issue and allow the js to interpret and handle both div data-img="" as well as div data-src=""?
Any feedback greatly appreciated. Just trying to to understand how to approach and achieve a solution in an affective way.
