Localization of images about angularjs-localizationservice

[lavinjj]

You could do that, but I would probably just use additional tags in the dictionary object itself that include the path to the image and then use the i18nAttr directive to set the src attribute. But your way will also work. If you want fork the current code and add the functionality and send me a pull request and I'll be happy to include it in the current code stream.

[MarkAPhillips]

OK - I think your idea is a simpler option and will review how to implement this and get back to you.

[MarkAPhillips]

I decided to try the initial approach as follows:

  // builds the url for locating an image
                buildImgUrl: function(imageUrl) {
                    return $http({ method: "GET", url: imageUrl, cache: false });
                },

  // translation directive that handles the localization of images.
    // usage <img data-i18n-img-src="IMAGE" />
    .directive('i18nImgSrc', [
        'localize', function(localize) {
            var i18NImageDirective = {
                restrict: 'A',
                link: function(scope, element, attrs) {
                    var i18Nsrc = attrs.i18nImgSrc;
                    var imagePath = '/i18N/images/' + localize.language + '/';
                    var imageUrl = imagePath + i18Nsrc;
                    localize.buildImgUrl(imageUrl).success(function() {
                        element[0].src = imageUrl;
                    }).error(function() { element[0].src = '/i18N/images/default/' + i18Nsrc; });
                }
            };
            return i18NImageDirective;
        }
    ]);

This was a first iteration - but would be interested in any feedback in relation to improving the code Thanks.